Wie können Sie in Firebug vorgenommene Änderungen speichern / exportieren?

10

Wie speichere / exportiere ich Änderungen, die am CSS vorgenommen wurden, mit Firebug zum Bearbeiten von CSS?

WERKZEUGE: Firefox , Firebug


MAJOR UPDATE: Wenn Sie wissen, wie Sie das Vorwärts- / Rückwärts- / Aktualisieren auf einer FireFox-Registerkarte sperren können, lassen Sie es mich bitte wissen. Ansonsten habe ich es aufgegeben, FireBug / FireDiff als IDE für CSS zu verwenden. Es ist schön, aber lol ... drücke zur falschen Zeit die Rücktaste und ALLE deine Arbeit ist weg ... lustig. Also, wirklich wie der Browser, der in Firebug CSS / HTML hervorhebt. Kennen Sie gute CSS-Editoren, die dies tun? Hatte wirklich Hoffnung, dass FireBug funktionieren würde, aber sehen Sie es vorerst nur als gut für Ad-hoc-Inspektionen und -Tests an. was bedeutet, es für das zu verwenden, wofür es gemacht ist.


AKTUALISIERUNG:

@ Lèse majesté: Genau wie ein Update können Sie mit dem " Web Developer Add-on " CSS bearbeiten, aber Sie können keine von Firebug vorgenommenen CSS-Änderungen bearbeiten / speichern. Das heißt, Sie verwenden Firebug, um Änderungen zu identifizieren und möglicherweise zu testen, aber Sie können die Änderungen von Firebug nicht speichern. Hier ist eine Anleitung, wie man sie zusammen verwendet: FF + FB + WD

@ Lèse majesté: Ich spiele immer noch mit FireDiff herum . Es funktioniert in Ordnung, hat bereits einen Fehler gefunden (obwohl ich nur daran arbeite), und es gibt kein "How to", das ich finden konnte, also probiere ich einfach jede Funktion aus und klicke herum ... (für Um beispielsweise ein Diff zu exportieren, müssen Sie sich über dem letzten Element in der Liste befinden, mit der rechten Maustaste klicken und als "Diff speichern" auswählen. Das ".diff" ist nur eine Textdatei, keine Ahnung, warum an diesem Punkt das ext .diff ist .

Fehler
quelle

Antworten:

10

Es gibt tatsächlich ein FireBug-Plugin namens FireDiff , mit dem Sie Stil- und DOM-Änderungen exportieren können.

Alternativ können Sie das Web Developer-Add-On zum Speichern des CSS verwenden.

Schließlich kann FireBug mithilfe von Fireclipse mit Eclipse verknüpft und von dort aus das CSS gespeichert werden .

Weitere Lösungen finden Sie in dieser StackOverflow-Frage .

Lèse Majestät
quelle
@ Lèse majesté: Siehe Kommentar oben zur Verwendung des Web Developer-Add-Ons zum Bearbeiten von Firebug-CSS, danke!
Fehler
2

Ich bin mir ziemlich sicher, dass Firebug die Änderungen nicht protokolliert, daher müssen Sie ein wenig kreativ werden, um dies zu tun. Sie können das HTML / CSS kopieren und in eine txt-Datei einfügen. Anschließend können Sie mithilfe einer Vergleichssoftware die von Ihnen vorgenommenen Änderungen identifizieren. Der von mir verwendete Texteditor verfügt über diese integrierte Funktionalität, aber ich bin mir sicher, dass viele Optionen verfügbar sind.

John Conde
quelle
2

Sie suchen nach Backfire , einem Client / Server-Skript (derzeit Javascript / C #). Es erfordert kein Firebug (es ist kein Firebug-Addon) und funktioniert sowohl in Firefox- als auch in Webkit-basierten Browsern. Mit Backfire können Sie den Status der Seite beliebig ändern (Firebug ist eine großartige Möglichkeit) und dann auf die Schaltfläche Speichern klicken, um die Änderungen auf dem Server zu speichern.

In Bezug auf die Implementierung erhält Ihr serverseitiger Code nach dem Klicken auf Speichern einen Beitrag mit einer Liste der Änderungen. Wenn Sie Backfire herunterladen, wird eine Beispielimplementierung angezeigt, die Ihnen zeigt, wie Sie die Änderungen in Ihren CSS-Dateien speichern. Es funktioniert über mehrere Dateien und (in Firefox) mit Kurzform-CSS-Regeln usw., wobei die Struktur Ihrer ursprünglichen CSS-Dateien beibehalten wird.

Rahul
quelle
(+1) Cool, danke! Wie fügt es sich in den Code ein? Funktioniert es nur mit Flatfiles oder kann es so eingerichtet werden, dass es mit einem Versionskontrollsystem kommuniziert, ohne benutzerdefinierten Code zu schreiben? Das heißt auch, dass ich dot.NET auch im Hintergrund auf dem Server ausführen muss, oder?
Fehler
@blunders Es ist Open Source, sodass Sie selbst überprüfen können, wie es funktioniert. Grundsätzlich sendet es eine Liste der Änderungen im JSON-Format an den Server. Diese Daten werden mit regulären Ausdrücken analysiert und mit der ursprünglichen Zeile in der CSS-Datei abgeglichen. Dann wird die CSS-Datei mit den neuen Daten aktualisiert. Die Beispielimplementierung ist .NET, aber jeder Programmierer kann leicht eine ähnliche in PHP oder etwas anderem schreiben, da dies ziemlich trivial ist.
Rahul
2

Verwenden Sie cssUpdater (erster echter Treffer beim Googeln "Speichern von Firebug-Änderungen"). Damit können Sie Ihre FireBug-Änderungen (auch mit FTP-Unterstützung) mit nur einem Klick von FireBug speichern. Weitere Informationen unter http://cssUpdater.com

Jhonte
quelle