Why can't I save CSS changes in Firebug? [closed]

Answer 1

I know this doesn't answer your question, but surprisingly, Internet Explorer 8's Firebug clone "developer toolbar" (accessible via F12) offers the option to "save html". This function saves the current DOM to a local file, which means that if you edit the DOM somehow, e.g. by adding a style attribute somewhere, this will be saved too.

Not particularly useful if you're using Firebug to mess around with CSS like everyone does, but a step in the right direction.

Answer 2

Use the CSS editor in the Firefox Web Developer toolbar:

http://chrispederick.com/work/web-developer/

It's got enough good stuff to use in conjunction with Firebug, and it lets you save your CSS out to a text file.

Answer 3

Here's a partial solution. After you make your changes, click on one of the links to the relevant file. This is the original file, so you'll have to refresh the file, which is under the options menu button in the upper right of the firebug pane. Now you have the modified css page, which you can copy & paste. Obviously, you'll have to do it for each css file.

Edit: looks like Mark Biek has a quicker version

Answer 4

Since Firebug is not working on your server but taking the CSS from the site and storing it locally and showing you the site with those local changes.

Answer 5

The Web Developer add-on let's you save your edits. I'd like to combine the editing of Firebug with the Save feature of Web Developer.

Use the "Save" button (click CSS menu -> Edit CSS) to save the modified CSS to disk.

Recomendation: Use the "Stick" button to prevent losing your changes when you change the tab for doing other browsing. If it is possible, use only one tab to do the edit and other firefox window the related searches, webmail, etc.

Answer 6

Use Backfire.

http://blog.quplo.com/2010/08/backfire-save-css-changes-made-in-firebug/

It's an open source solution that sends CSS changes back to the server and saves them.

Backfire uses a single javascript file, and the sourcecode package has a working .NET server implementation example that is easily portable to other platforms.