Является ли HTML показанным через "View Source" отличным от HTML, показанного в инструментах разработчика (Firebug)?
Я использую Firefox вместе с инструментами Firebug Developer.
Является ли HTML, показанный в View Source (Ctrl + U) отличным от HTML, который я вижу при проверке элементов с помощью Firebug?
В чем разница между этими двумя?
Ответ 1
Да, они разные.
Источник просмотра показывает исходный HTML-код страницы.
Инспектор показывает вам DOM, поскольку он был интерпретирован браузером. Сюда относятся, например, изменения, сделанные javascript, которые невозможно увидеть в источнике HTML.
О, и это также относится к инструментам разработчика, которые позволяют вам просматривать DOM в других браузерах, например, в Chrome Web Inspector и в Internet Explorer Developer Toolbar. Источник HTML всегда будет одинаковым во всех браузерах, сгенерированный DOM может отличаться, поскольку он является интерпретацией, а механизмы рендеринга не являются одинаковыми (к сожалению).
Ответ 2
Следует также отметить, что помимо динамических манипуляций с DOM, которые могут возникать через javascript и т.д., Firefox также будет анализировать и "очищать" искаженный (X) HTML, поэтому эти изменения будут также влиять на то, что вы видите при проверке элемент.
Ответ 3
Разница заключается в (но не ограничиваясь этим), что в консоли firebug вы можете видеть динамические изменения, которые произошли на веб-странице. Например, модификации элементов DOM (от AJAX или регулярных JavaScript), CSS изменений на месте и т.д.
Ответ 4
В Firefox источник просмотра может перезагрузить страницу, изменив ее. Посмотрите эту ошибку и проголосуйте за нее, если она вас беспокоит: