it-swarm.com.de

Wie wird "generierter HTML-Code" in Firefox angezeigt?

Wenn Sie Firebug verwenden, können Sie auf die Registerkarte HTML klicken und jedes Element erweitern, um den generierten HTML-Code anzuzeigen. Gibt es eine Möglichkeit, alles zu erweitern oder eine Textdatei zu erhalten?

Ich habe gerade aus Versehen herausgefunden, dass es nicht einmal Firebug geben muss. Wir können einfach STRG-A (alles auswählen) auf der Webseite drücken, dann mit der rechten Maustaste klicken und "Auswahlquelle anzeigen" wählen. Dann erhalten wir eine Klartextdatei mit dem "aktuellen HTML-Code", sogar einen <div>-Code ist das Firebug-Bedienfeld, das sich vor dem <body>-Tag befindet, wenn Firebug geöffnet ist. Aber es scheint ein seltsamer Weg zu sein, um dies anzurufen. Gibt es einen anderen Weg?

( Update : Der generierte HTML-Code bezieht sich normalerweise auf den HTML-Code, nachdem JavaScript das DOM geändert hat. Hierbei handelt es sich nicht um den ursprünglichen Quellcode, sondern um den aktuellen DOM-Baum.)

31

Klicken Sie im Firebug-Register "HTML" mit der rechten Maustaste auf den Stammknoten und wählen Sie "HTML kopieren". Fügen Sie dann einen Texteditor ein.

Ohne Firefox-Add-Ons können Sie ein bookmarklet wie folgt verwenden:

javascript: var win = window.open(); win.document.write('<html><head><title>Generated HTML of  ' + location.href + '</title></head><pre>' + document.documentElement.innerHTML.replace(/&/g, '&amp;').replace(/</g, '&lt;') + '</pre></html>'); win.document.close(); void 0;
27

Con il components aggiuntivo della barra degli strumenti Web Developer , selezionare Visualizza sorgente - Visualizza Ursprungsgeneraten . E se vuoi vedere la fonte originale, seleziona Visualizza sorgente - Visualizza sorgente (o semplicemente premereCTRL-SHIFT-U)

18
Gert Grenander

Mit den Firefox DevTools (seit Version 35 in FF integriert) können Sie den generierten HTML-Code anzeigen, indem Sie den Web-Inspektor öffnen (CTRL-shift-C) und wählen Sie die Registerkarte HTML.

Sie können den generierten HTML-Code kopieren, indem Sie mit der rechten Maustaste auf <html> klicken und Copy inner HTML auswählen.

3
gioele

Wenn Sie nach einer programmatischen Lösung suchen, können Sie das Dokument einfach einem XMLSerializer zuführen.

0
MatrixFrog