Holen Sie sich den aktuellen HTML-Code der mit AJAX-Anfragen erstellten Seite

2407
Richard

Also benutze ich den Chrome / Chromium Browser (Put könnte Firefox verwenden, wenn nötig).

Ich schaue mir Webseiten an, die "on the fly" mit (vermutlich) AJAX erstellt wurden (denken Sie darüber nach, wie Sie auf Facebook nach unten scrollen und Dinge einfach weiter erscheinen und erscheinen).

Ich möchte die HTML-Datei für eine solche Seite speichern, nachdem sie ein paar Sachen geladen hat. Dies wird jedoch nicht im DOM der Chromium Developer's Tools angezeigt. Wenn Sie mit der rechten Maustaste auf Speichern klicken, wird nur die Originalseite gespeichert, bevor AJAX geladen wird Zeug.

Was kann ich machen?

6
http://stackoverflow.com/questions/1750865/best-way-to-view-generated-source-of-webpage erikxiv vor 12 Jahren 0
Könnte komisch sein. Mein Chrome zeigt den von Ajax geladenen Inhalt auf der lokal gespeicherten HTML-Seite an. iAnuj vor 11 Jahren 0

2 Antworten auf die Frage

2
rahuldottech

Eine Möglichkeit, den Quellcode mit allen dynamisch geladenen Elementen abzurufen, bietet Chrome Developer Tools ( F12). Wählen Sie das <HTML>Tag ganz am Anfang der Seite aus und kopieren Sie das Element ( CTRL+ C). Dies sollte auch alle eingeschlossenen Daten, dynamisch geladen oder anderweitig, in die Zwischenablage kopieren, und Sie können sie an beliebiger Stelle einfügen.

Hier ist ein Gif, das den Prozess zeigt:

Process

Der offensichtliche Nachteil ist, dass man von Hand haben wird, um alle Dateien herunterladen ( .js, .css, Bilder) und speichern Sie sie (Tipp: die „Quellen“ -Reiter in Entwicklungstool verwenden) im selben Ordner wie die HTML - Datei, wenn Sie die komplette wollen Website oder ändern Sie alternativ die Links im HTML-Quellcode wie folgt, wenn Sie nichts dagegen haben, dass Daten aus dem Web abgerufen werden:

===ORIGINAL===  <img src="file.jpg">  ===MODIFIED===  <img src="[url_of_website_that_you_want_to_save]/file.jpg">
In Firefox lautet der Befehl "Kopieren - Inneres HTML". Richie Frame vor 6 Jahren 0
1
rahuldottech

Bookmarklet

Hier ist eine andere Methode, eine viel einfachere!

Speichern Sie den folgenden JavaScript-Code als Bookmarklet und klicken Sie auf der Seite, auf der Sie den generierten Quelltext anzeigen möchten, darauf:

javascript:(function(){ function htmlEscape(s) x=window.open(); x.document.write('<pre>' + htmlEscape('<html>\n' + document.documentElement.innerHTML + '\n</html>')); x.document.close(); })();

Klicken Sie hier, um den Vorgang zu vereinfachen! | JSFiddle

GIF: rahuldottech!

Verwandte Probleme