jQuery DOM changements n'apparaissent pas dans l'affichage de la source

J'ai une simple question ici. Je sais avec jQuery, vous pouvez ajouter dynamiquement des éléments HTML dans les DOM par faire des trucs comme

$('').append('<p>Test</p>');

Mais ma question est, pourquoi ne pas ces éléments fait apparaître visuellement dans le code (lorsque vous Affichez la Source dans votre navigateur par exemple).

Veuillez experts, laissez-moi savoir pourquoi. Grâce

Utiliser les firebug à la place..
Merci, firebug est awesone. Merci à tous pour les bonnes réponses

OriginalL'auteur user765368 | 2011-12-22

  1. 23

    La source d'origine ne change jamais. Seuls les DOM changements.

    Vous pouvez le voir une version HTML de visualisation de DOM modifications à l'aide de votre navigateur outils de développement.

    Vous devez être conscient que lorsque vous manipuler le DOM, vous n'êtes jamais manipuler le HTML. Le code HTML de visualisation offertes par les outils de développement est un interprétation de l'état actuel de la DOM. Il n'y a pas de modification de code HTML.

    +1 mais qu'en est roobots des engins de recherche comme Google? Est ce contenu qui j'ai par exemple charger via ajax OBTENIR à partir de certaines api rest visible?
    c'est ma question? comment? @andi

    OriginalL'auteur

  2. 7

    Parce que l'Affichage de la Source ne montre que le HTML qui est envoyé au navigateur à l'origine. Il y a des manières de voir le changement de HTML - Firebug dans Firefox, outils de développement F12 dans IE ou Chrome. La sélection de certains HTML et droit-en cliquant sur "voir la Sélection de la Source" dans Firefox.

    OriginalL'auteur mikel

  3. 5

    "Afficher la Source" ne montre que la source, le serveur a envoyé à la fois que le navigateur demande la page en particulier à partir du serveur. Par conséquent, étant donné que ces changements ont été faits sur le côté client, ils ne se présentent pas sur le "Afficher la Source" parce qu'ils ont été faits après la page d'origine a été livré.

    Pour afficher les code source de la page, vous pouvez utiliser l'Inspecteur Web, affichage dans les navigateurs webkit, ou Firebug dans Firefox. Ces garder une trace de tous les changements pour les DOM et la mise à jour de la source que vous pouvez voir.

    OriginalL'auteur Indranil

  4. 3

    Il y a une option dans le web outil de développeur (addon Firefox) "View generated source" qui vous donnera le code source en entier qui est généré après vous avez fait des changements.

    view source->View generated source

    OriginalL'auteur Prasanth Bendra

  5. 0

    Il ya des moments où outils de dev dans IE/Firefox/Chrome de ne pas maintenir en place avec votre DOM. Cela signifie simplement que vous faites affaire avec un peu de code digne d'un jedi ou que Darth Vader laissé là pour le débogage.

    Comme lorsque? Je suis à jour un formulaire de sélectionner avec jquery.choisi, et je ne vois pas du html d'origine en train de changer dans Chrome devtools, mais si je inspecter l'élément $('.my-select') dans la console, je vois que la valeur actuelle est précis...
    Je reçois ce comportement lorsque le javascript est dynamiquement injecté dans la page en tant que partie d'un ajax charge utile.

    OriginalL'auteur BraveNewMath