3

Чаще всего при использовании таких вещей, как CMS и статические генераторы сайтов, вывод HTML выглядит как мусор (неправильная неопределенность является наиболее досадным недостатком).

Есть ли какое-нибудь решение для того, чтобы визуализировать вывод в Chrome "View Source", приведенный в порядок / предварительно обработанный?

В моем случае я использую генератор статического сайта. В редакторе все выглядит отлично, но при просмотре в браузере код искажается.

(Я знаю, что, возможно, смогу добавить задачу сборки (например, Grunt) для обработки HTML-преттификации. Но во многих случаях, например, при использовании инструментов live-reload (я использую Mixture.io), когда вы фактически просматриваете внутреннюю версию сайта, это не оптимальное решение.)

1 ответ1

4

Я рекомендую Quick Source Viewer.
Он может показать вам источник текущей страницы отформатированной и цветовой кодировки.

Это довольно мощный инструмент, показывающий все «источники» страницы, будь то CSS, JS или HTML. Даже такие вещи, как встроенные css/js, можно просматривать по отдельности (выделенный код подсвечивается). И самое приятное то, что все они преобразуются, даже CSS (что инструменты разработчика Chrome до сих пор отказываются делать).

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .