Чаще всего при использовании таких вещей, как CMS и статические генераторы сайтов, вывод HTML выглядит как мусор (неправильная неопределенность является наиболее досадным недостатком).
Есть ли какое-нибудь решение для того, чтобы визуализировать вывод в Chrome "View Source", приведенный в порядок / предварительно обработанный ?
В моем случае я использую генератор статического сайта. В редакторе все выглядит отлично, но при просмотре в браузере код искажается.
(Я знаю, что, вероятно, могу добавить задачу сборки (например, Grunt) для обработки предварительного HTML-преобразования. Но во многих случаях, например, при использовании инструментов live-reload (я использую Mixture.io), где вы на самом деле просматриваете внутреннюю версию сайт, это не оптимальное решение.)
Я рекомендую Quick Source Viewer .
Он может показать вам источник текущей страницы отформатированной и цветовой кодировки.
Это довольно мощный инструмент, показывающий все «источники» страницы, будь то CSS, JS или HTML. Даже такие вещи, как встроенные css / js, можно просматривать по отдельности (выделенный код подсвечивается). И самое приятное то, что все они преобразуются, даже CSS (что инструменты разработчика Chrome до сих пор отказываются делать).