Speichern der manipulierten DOM/HTML nach dem Bearbeiten mit Firebug
Davon ausgehen, dass ich gefeuert habe, Firefox mit Firebug aktiviert, die auf eine zufällige Seite (sagen slashdot.org). Nach dem laden der Seite, die ich mit dem Bearbeiten beginnen die Seite mit den Firebug > HTML
panel. So weit So gut: meine änderungen sind sofort sichtbar in Firefox.
Meine Fragen:
- Wie Speichere ich die bearbeitete DOM-Baum (dargestellt als HTML)?
- Wie lade ich eine zuvor manipuliert DOM-Baum/HTML-Datei in den "ursprünglichen Kontext" an der Seite (slashdot.org in dem Beispiel)? Ich möchte den ursprünglichen Kontext, so dass alle Verweise Entitäten (CSS, Bilder, usw.) wird korrekt geladen.
InformationsquelleAutor knorv | 2010-02-02
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie nicht speichern Sie die Struktur per se, nur die HTML. Wählen Sie das root-tag, mit der rechten Maustaste, und wählen Sie
Copy HTML
, dann fügen Sie in einen text-editor und speichern Sie die HTML-Datei.Für, laden Sie einfach die gespeicherte HTML-Datei in Firefox.
Einfach das laden der HTML-Datei nicht mir der "ursprünglichen Kontext" an der Seite (slashdot.org in dem Beispiel). So alle Verweise Entitäten (CSS, Bilder, usw.) wird nicht geladen.
Guter Punkt. Ich weiß nicht, ob es einen Weg gibt, um dies zu tun dann.
alle Verweise Entitäten (CSS, Bilder, usw.) nicht geladen werden. Sie sollten. Wenn einige nicht, könnte es zurückzuführen sein, dass Sie relative urls. In diesem Fall hinzufügen
base
tag, wie vorgeschlagen, durch johnmdonahue sollte helfen.InformationsquelleAutor Ignacio Vazquez-Abrams
Wie Speichere ich die bearbeitete DOM-Baum (dargestellt als HTML)?
Firebug enthält keine Methode, die verwendet werden können, speichern Sie die aktuelle DOM-Datei. Allerdings können Sie mit Firebug in Verbindung mit der Web Developer-Erweiterung zum speichern der DOM-Datei (dargestellt als HTML).
Nachdem du fertig bist mit der Manipulation der DOM in Firebug, wählen Sie
Web Developer (toolbar at the top) > View Source > View Generated Source > Archive > Save Page As...
.Wie kann ich das laden einer zuvor manipuliert DOM-Baum/HTML-Datei in den "ursprünglichen Kontext" an der Seite (slashdot.org in dem Beispiel)? Ich möchte den ursprünglichen Kontext, so dass alle Verweise Entitäten (CSS, Bilder, usw.) wird korrekt geladen.
Firebug enthält keine Methode zum erneuten Lesen einer zuvor gespeicherten DOM-Baum in den "aktuellen Kontext" von der Seite. Jedoch, wenn wir mit Firebug zusammen mit der Web Developer Erweiterung können wir die Erreichung der geforderten Funktionalität. Einfach öffnen Sie die zuvor gespeicherte HTML in einem editor wie Notepad und kopieren Sie den HTML-clip-board. Dann wählen Sie
Web Developer > Miscellaneous > Edit HTML
und fügen Sie den HTML -. Fertig!InformationsquelleAutor knorv
Ich bin mir nicht sicher, was du meinst mit "original-Rahmen" aber Sie könnten versuchen, fügen Sie den folgenden, um den Kopf der gespeicherten HTML.
InformationsquelleAutor johnmdonahue
Wenn Sie in der HTML-Seite von firebug, es gibt eine "Bearbeiten" - button auf der Leiste unten firebug Haupt-Symbolleiste. Durch anklicken dieser Schaltfläche gibt Ihnen eine nur-text-Ansicht der HTML-Code (mit allen änderungen, die Sie vorgenommen haben), die Sie kopieren können, um einen text-editor.
InformationsquelleAutor Derek Swingley
Ich denke, das ist eine gute Frage, kurz gesagt, firebug ist nicht gemacht, um zu 'halten' Ihre änderungen, so würde ich vorschlagen, die Suche nach einem work-flow, wo Sie sind nie zu 'tief' auf einer Seite. Eine Sache ist das speichern der HTML -, sondern speichern Sie die bearbeitete CSS ist noch schwieriger. Hier sind meine Lösungen zu Ihren Fragen:
Klicken Sie auf HTML-Tags, klicken Sie auf Bearbeiten. Kopieren und einfügen in einem anderen text-Datei.
Können Sie "reload" firebug manipulierte HTML. Sie können allerdings kopieren die manipulierten HTML-nachdem Sie sind glücklich mit Ihren Ergebnissen (oder unglücklich). Entweder halten Sie es auf Ihrem Klemmbrett zu kopieren, um eine text-Datei und dann, wenn Sie wollen, wieder verwenden, kopieren Sie es wieder in die firebug-Konsole Bearbeiten.
InformationsquelleAutor Jesse Burcsik
Versuchen cssUpdater, es besteht aus einem FireFox-add-on, hört sich die FireBug-css-änderungen über einen socket-server und lassen Sie Sie synchronisieren Sie Ihre original-css-Quellcode-Dateien. Sie müssen installieren Sie die Desktop-Anwendung als auch.
So ein workflow wäre:
Können Sie testen und benutzen es hier, http://www.cssupdater.com
InformationsquelleAutor Jhonte
Datei → Seite Speichern unter... wird speichern Sie Ihre bearbeitete markup wie HTML, aber es scheint, Sie können sparen Sie einige Firebu-generated content als auch (ich denke, genau was hängt von Ihrer version von Firebug).
InformationsquelleAutor Alex Barrett
Eine Sache, die Sie versuchen können, ist wählen Sie die web-Seite (Rechte Maustaste, wählen Sie alle aus dem popup-Menü) und wählen Sie dann View Selection Source. Dies sollte zeigen Sie den geänderten HTML-Code im source-Fenster, können Sie dann kopieren und speichern Sie Sie in einem editor. Erhalten Sie möglicherweise einige zusätzliche Sachen Hinzugefügt von Firebug können Sie löschen Sie in Ihrem text-editor.
InformationsquelleAutor
Können Sie konfigurieren Sie einen externen editor. Öffnen Sie firebug auf der linken Seite haben Sie die firebug-Symbol, drücken Sie es und klicken Sie auf öffnen im editor und konfigurieren Sie dann die Redakteure. Es funktioniert mit Gedit und Bluefish.
Konfigurieren gedit:
öffnen Sie FireBug das configure-editor und klicken Sie auf hinzufügen,
name it gedit und dann suchen Sie nach der ausführbaren Datei innerhalb der 'usr/bin', und wählen Sie oder geben Sie gedit.
Sie können testen Sie die Konfigurationseinstellungen vor dem speichern.
InformationsquelleAutor lapisdecor