Est le code HTML indiqué par "Afficher la Source" différent du HTML montré dans (Firebug) outils de développement?

J'utilise Firefox côtés de Firebug outils de développement.

Est le code HTML affiché dans l'Affichage de la Source (Ctrl + U) différent du HTML je vois lors de l'inspection des éléments à l'aide de Firebug?

Quelles sont les différences entre les deux?

InformationsquelleAutor sergserg | 2012-10-25
  1. 38

    Oui, ils sont différents.

    L'affichage de la source vous montre l'origine de la source HTML de la page.

    L'inspecteur vous montre les DOM tel qu'il était interprété par le navigateur. Cela inclut, par exemple, les modifications apportées par javascript qui ne peut être vu dans la source HTML.

    Oh, et ceci est valable aussi pour le développeur des outils qui vous permettent de voir les DOM dans d'autres navigateurs, comme le Chrome Web Inspecteur et Internet Explorer Barre d'outils du Développeur. Le code source HTML sera toujours le même dans tous les navigateurs de génération, les DOM peut varier comme c'est une interprétation et des moteurs de rendu ne sont pas tous les même (malheureusement).

    • Je vais ajouter 2 cents sur une chose la plus délicate. Firebug et d'autres outils de dev va afficher le code source modifié, mais seulement par les modifications effectuées à l'aide de JavaScript. Ils ne pas tenir compte de certaines modifications sur la page qui ont été effectuées en raison de votre interaction avec la page géré nativement par le navigateur. Exemple: disons que vous avez <input type="text" value="foo" />. Lorsque vous cliquez sur la zone de texte et modifiez la valeur à bar, il vous restera foo à la fois dans CTRL-U vue de la source et dans les outils de dev comme Firebug.
    • C'est parce que la valeur actuelle d'un input est pas est tenue dans la value attribut. Il est tenu à la value propriétés. Le value attribut contient le valeur par défaut de la input (vous pouvez y accéder par le biais de sa reflète bien, defaultValue -- et si vous changez defaultValue, vous verrez que le changement dans le value attribut dans les outils de dev). jsfiddle.net/jzh6b3fc
    • Peut-on obtenir le interprétée DOM par programme à partir de Python ou Php?
    • Vous pourriez si vous envoyez le innerHTML à l'arrière-plan, ou si vous avez une sorte de module qui génère un DOM sur le backend.
    InformationsquelleAutor Rik
  2. 3

    Il convient également de noter qu'en dehors de la dynamique de manipulation du DOM qui pourrait se passer par javascript etc, Firefox va également analyser et de "nettoyage" mal formé (X)HTML, de sorte que ces changements auront également une incidence sur ce que vous voyez lors de l'inspection d'un élément.

    InformationsquelleAutor shellster
  3. 1

    La différence (mais pas limité à) que dans la console de firebug, vous pouvez voir la dynamique des changements, qui s'est produite dans la page web. Par exemple, des éléments du DOM modifications (à partir de AJAX ou régulier JavaScript), CSS en place des modifications, etc...

    InformationsquelleAutor bodi0
  4. 1

    Dans Firefox, l'Affichage de la Source peut recharger la page, la modification qui est sur elle. Voir ce bug et de voter pour elle si elle est de vous déranger:

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

    InformationsquelleAutor Liam Morland