Warum werden einige Elemente auf der Registerkarte "Elemente" der Chrome Developer Tools nicht in "Seitenquelle anzeigen" angezeigt?

Zusammenfassung der Frage: In welchen Szenarien werden DOM-Elemente, die in der Elementansicht der Chrome Developer Tools zu finden sind, nicht auf der Seite "Seitenquelle anzeigen" angezeigt und umgekehrt? Gibt es noch andere Fallstricke, über die ich Bescheid wissen sollte?

Einzelheiten

Ich verfolgte eine Einführung in das Nodejs Cheerio-Modul und analysiertediese Seite Möglichkeiten zu finden, um die wichtigsten Bildelemente zu identifizieren.

Unter den Chrome-Entwicklertools ist mir folgendes Muster aufgefallen:

div class="artSplitter"
  div class="image-wrap style="cursor: pointer;"
     img src="whatever.jpg" class="blkBorder"

Das div-Bildumbruchelement fehlt in der Seitenquelle, wird jedoch in der Registerkarte "Elemente" der Chrome-Entwicklertools angezeigt!

Um dies schnell zu überprüfen, schaue ich mir insbesondere dieses Bild an. Nur C-F dazu in der Quelle:http://i.dailymail.co.uk/i/pix/2013/03/22/article-2297585-18DB1B03000005DC-745_634x421.jpg

Ich weiß das wirklich zu schätzen. Danke vielmals.

Antworten auf die Frage(1)

Ihre Antwort auf die Frage