Le code HTML affiché via "View Source" est-il différent du code HTML affiché dans les outils de développement (Firebug) ?

Question

J'utilise Firefox et les outils de développement Firebug.

Le code HTML affiché dans View Source ( Ctrl + U ) différent du HTML que je vois lorsque j'inspecte les éléments à l'aide de Firebug ?

Quelles sont les différences entre les deux ?

Answer 1

Oui, ils sont différents.

L'option Afficher la source permet d'afficher la source HTML originale de la page.

L'inspecteur vous montre le DOM tel qu'il a été interprété par le navigateur. Cela inclut par exemple les modifications apportées par javascript qui ne sont pas visibles dans la source HTML.

Cela vaut également pour les outils de développement qui vous permettent de visualiser le DOM dans d'autres navigateurs, comme l'inspecteur Web de Chrome et la barre d'outils de développement d'Internet Explorer. La source HTML sera toujours la même dans tous les navigateurs, le DOM généré peut différer car il s'agit d'une interprétation et les moteurs de rendu ne sont pas tous identiques (malheureusement).

Answer 2

Il convient également de noter qu'en dehors de la manipulation dynamique du DOM qui pourrait se produire via javascript, etc., Firefox analysera et "nettoiera" également le (X)HTML malformé, de sorte que ces changements affecteront également ce que vous voyez lors de l'inspection d'un élément.

Answer 3

Les différences sont (mais pas seulement) que dans la console de firebug vous pouvez voir dynamiquement les changements qui se sont produits dans la page web. Par exemple, les modifications des éléments du DOM (de AJAX ou régulière JavaScript ), CSS les modifications sur place, etc.

Answer 4

Dans Firefox, l'option Afficher la source peut recharger la page et modifier ce qu'elle contient. Consultez ce bogue et votez pour lui s'il vous dérange :

https://bugzilla.mozilla.org/show_bug.cgi?id=307089