Wie kann ich dynamisch generierten HTML-Quelltext aus dem Web kopieren?

Question

Für Designzwecke möchte ich genau den HTML-Code kopieren, der von einem JavaScript nach dem Laden der Seite erzeugt wird. Firebug zeigt mir natürlich, was vor sich geht, aber ich möchte eigentlich nur einen statischen Text, den ich nach Belieben kopieren und einfügen kann.

Answer 1

Das Menü "Quelle anzeigen" des Web-Entwickler Das Firefox Add-on bietet das Werkzeug "View Generated Source".

Answer 2

Dies kann mit dem innerHTML o outerHTML Eigenschaften. Oder wählen Sie einfach in Firefox den Teil, von dem Sie den Quellcode haben möchten, und wählen Sie Auswahl anzeigen Quelle aus dem Kontextmenü.

Answer 3

Sie können den HTML-Code aus Firebug (oder dem IE8-Entwickler-Toolset) in Ihren bevorzugten Texteditor kopieren.

Answer 4

In Google Chrome wählen Sie "Element inspizieren", dann können Sie mit der rechten Maustaste klicken und "Als HTML kopieren" wählen.

Answer 5

Für IE/Firefox funktioniert das folgende Bookmarklet: https://www.squarefree.com/bookmarklets/webdevel.html#generated_source

Klicken Sie in Google Chrome mit der rechten Maustaste auf ein beliebiges Element und wählen Sie die Option "Element inspizieren". Dadurch wird die Position des Elements im DOM angezeigt. Klicken Sie nun mit der rechten Maustaste auf '

Für die Oper klicken Sie mit der rechten Maustaste auf ein beliebiges Element und wählen Sie "Element inspizieren". Dadurch wird Opera Dragonfly gestartet. Klicken Sie im Dragonfly-Fenster auf die Schaltfläche "Expand the DOM tree" (erste Schaltfläche mit einem Punkt und zwei Pfeilen) und dann auf die Schaltfläche "export the current DOM panel" (zweite Schaltfläche)

Öffnen Sie im IE die Webseite und drücken Sie F12, um die Entwicklertools zu öffnen. Klicken Sie im Fenster der Entwicklertools auf Ansicht->Quelle->DOM(Seite) oder auf die Tastenkombination Strg+Shift+G. Dadurch wird das gesamte derzeit sichtbare DOM angezeigt.

Für Firefox ist die Alternative Erweiterung der Symbolleiste für Webentwickler und wählen Sie darin Quelle anzeigen->Erzeugte Quelle anzeigen.