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

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 .

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 .

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.

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.

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