Можно ли просмотреть исходный HTML-формат в Firefox?

10

Я пишу веб-сайт на PHP, и HTML-код, который он отображает, не очень хорошо отформатирован и трудно читается в Firefox (большая часть его находится в одной строке).

Я не хочу портить свой PHP-код, добавляя кучу вещей для форматирования пробелов, поэтому мне было интересно, есть ли опция или, возможно, дополнение к Firefox, которое даст мне возможность просматривать исходный текст с отступом в соответствии с структура HTML.

Willbill
источник
Обратите внимание, что последние версии Firefox (я думаю, это было с 4, подтверждено для 10+) имеют возможность делать подсветку синтаксиса и перенос слов в Viewменю исходного окна. Просто щелкните правой кнопкой мыши =>, View Page Sourceчтобы открыть это окно.
Боб

Ответы:

11

Посмотреть исходную диаграмму 2.7

Работает просто отлично, установите расширение отсюда: https://addons.mozilla.org/en-US/firefox/addon/655/

Щелкните правой кнопкой мыши -> Просмотреть исходную диаграмму

Это то, что я получаю для исходного кода HTML на главной странице Google:

Перед:

альтернативный текст

После:

альтернативный текст

багор
источник
5

От сюда

Просмотр исходной диаграммы Графически отображает исходную структуру.

альтернативный текст

JSView 2.0.5 Отображает информацию о внешних файлах страницы.

альтернативный текст

HighlightAll Подсвечивает идентичные элементы в коде.

альтернативный текст

Html Validator Проверяет HTML текущей страницы.

альтернативный текст

Просмотр форматированного источника Показывает структуру источника.

альтернативный текст

SourceEditor Позволяет редактировать код и просматривать результаты.

альтернативный текст

Джо
источник
3

Я обычно использую Firebug для отладки вывода html.

Это позволяет мне просматривать HTML, как он отображается браузером, вместе с хорошо отформатированным исходным кодом в Firebug. Я также могу проверить элементы в отображаемом html и посмотреть, откуда они берутся в исходном html-источнике.

harrymc
источник
1

Если кто-то ищет такую ​​же функциональность в 2019 году, есть Fire Source Viewer [1] для Firefox Quantum, который отображает украшенный HTML DOM после того, как javascripts манипулирует им, что даже лучше, чем наличие только html-источника, доставляемого веб-сервером.

[1] https://addons.mozilla.org/en-US/firefox/addon/fire-source-viewer/

dasj19
источник
0

Плагин для веб-разработчиков:

Расширение Web Developer добавляет различные инструменты для веб-разработчиков в браузер. Расширение доступно для Chrome и Firefox и будет работать на любой платформе, поддерживаемой этими браузерами, включая Windows, OS X и Linux

введите описание изображения здесь

Angelo
источник
Я установил это, но его dosent делает то, что мне нужно, я думаю, что я не достаточно ясно о том, что я подразумеваю под "отформатированным", я сейчас отредактирую вопрос
Willbill
По крайней мере, дайте краткое описание относительно характерной особенности плагина, который относится к вопросу. В противном случае, это просто легкомысленный ответ.
случайно
Плагин для веб-разработчиков - очень популярный плагин, который, помимо прочего, позволяет просматривать исходный текст любой страницы. Исходное представление имеет некоторую подсветку, поэтому «отформатировано» - хотя теперь я вижу, что OP хочет что-то более специфичное для форматирования.
Анджело