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