Wie sieht man "generierten HTML-Code" in Firefox?

Wenn mit Firebug, wir können klicken Sie auf die Registerkarte "HTML", und klicken Sie auf erweitern Sie jedes element, um den erzeugten HTML-code. Gibt es eine Möglichkeit, es zu erweitern oder alle bekommen eine nur-text-Datei?

Ich habe gerade zufällig herausgefunden, dass es nicht auch ohne Firebug. Wir können nur drücken Sie STRG-A (alles auswählen) auf der Webseite, und dann mit der rechten Maustaste und wählen Sie "View Selection Source", dann bekommen wir eine nur-text-Datei von der "aktuellen HTML-code", noch sehen werden, eine <div> das ist die Firebug-Anzeige, die vor der <body> tag wenn der Firebug geöffnet ist. Aber es scheint wie eine seltsame Art und Weise aufrufen. Gibt es eine andere Möglichkeit?

(Update: generierte HTML-Code in der Regel bezieht sich auf die HTML nach JavaScript-änderungen der DOM. Es ist dem aktuellen DOM-Baum anstelle der original-source-code)

InformationsquelleAutor der Frage | 2010-07-22

  1. 26

    In Firebug den HTML-Registerkarte mit der rechten Maustaste auf den Stammknoten, und wählen Sie "copy HTML". Dann fügen Sie in einen text-editor.

    Ohne Firefox-Add-Ons, könnte man eine bookmarklet wie diese:

    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;

    InformationsquelleAutor der Antwort user123444555621

  2. 18

    Mit der Web-Developer-toolbar add-on, wählen Sie View Source - Erzeugte Sicht Quelle. Und wenn Sie wollen, um die original-Quelle, wählen Sie View Source - View Source (oder drücken Sie einfach auf STRG-SHIFT-U)

    InformationsquelleAutor der Antwort Gert Grenander

  3. 3

    Den Firefox DevTools (integriert in den FF seit version 35), können Sie anzeigen der generierten HTML-öffnen der web-inspector (STRG-shift-C) und die Auswahl der HTML tab.

    Kopieren Sie den erzeugten HTML-Code nach Rechtsklick auf <html> und Auswahl Kopieren Sie innere HTML.

    InformationsquelleAutor der Antwort gioele

  4. 0

    Wenn Sie sich für eine programmatische Lösung, können Sie nur Futter das Dokument in ein XMLSerializer.

    InformationsquelleAutor der Antwort MatrixFrog

  5. -1

    Ich weiß nicht, ob ich deine Frage verstanden gut, aber hier ist etwas, was wirklich einfach und Sie brauchen nicht ein weiteres addon.

    Jeder browser hat eine native Funktion zum anzeigen der source-code der aktuellen Seite einfach mit der rechten Maustaste klicken und suchen Sie nach etwas, das ähnelt "Quelle" oder "code".

    In Firefox zum Beispiel ist es nur "Souce-code", in Chrome ist es "Ansicht-Seite Quelle" und so weiter.

    Dass gesagt wird, die Web Developer toolbar ist in der Tat ein tolles addon, vor allem, wenn Sie CSS auch.

    InformationsquelleAutor der Antwort Brunno Gomes

Schreibe einen Kommentar