How to save changes made by Firebug permanently?

How do you save/export changes made in Firebug?

Using Firebug to edit CSS, how do I save/export changes made to the CSS? TOOLS: http://www.mozilla.com, http://getfirebug.com/ MAJOR UPDATE: If you know of a way to lock the forward/back/refresh on a FireFox tab, please let me know. Otherwise, I've given up on using FireBug/FireDiff as an IDE for CSS, it's nice, but lol... press backspace at the wrong time and ALL your work is gone... funny. So, really like the browser highlighting to CSS/HTML in Firebug. Know any good CSS editors that do this? Really had hope FireBug would work, but for now only see it as being good for ad-hoc inspection and test; meaning using it for what it's made for. UPDATES: @Lèse majesté: Just as an update, "https://addons.mozilla.org/firefox/addon/60" does let you edit CSS, but it does not let you edit/save CSS changes made by Firebug. Meaning you use Firebug to ID and maybe test changes, but it does not let you save the changes from Firebug. Here's a "how to" covering how to use them together: http://www.lemonlimedesigns.ca/blog/firefox-firebug-web-developer-add-easily-edit-and-save-css-live-sites @Lèse majesté: Still playing around with https://addons.mozilla.org/en-US/firefox/addon/13179/. It works okay, found one bug already (although I'm just working around it), and there's no "how to" I've been able to find, so I'm just trying every feature and clicking around... (for example, to export a diff you must be over the last item in the list, right click, and select as "Save Diff". The ".diff" is just a text file, no idea why at this point the ext is .diff.
Answer:

There is actually a FireBug plugin called http://www.incaseofstairs.com/firediff/ that lets you export style and DOM changes. Alternatively, you could use the https://addons.mozilla.org/en-US/firefox/addon/60/ to save the CSS. Lastly, FireBug can be linked to Eclipse using http://www.almaden.ibm.com/u/bartonjj/fireclipse/index.html, and from there save the CSS. See http://stackoverflow.com/questions/162644/why-cant-i-save-css-changes-in-firebug for more solutions.

Was this solution helpful to you?

Other answers

I'm pretty sure Firebug doesn't log the changes so you'll have to get a little creative to do this. You can copy the HTML/CSS and paste it into a txt file. Then you can using comparison software to identify the changes you made. The http://www.ultraedit.com/products/ultraedit/ultraedit_feature_map/compare_files.html has this functionality built in but I'm sure the are plenty of options available.

John Conde

You're looking for http://blog.quplo.com/2010/08/backfire-save-css-changes-made-in-firebug/, a client/server script (currently javascript/C#). It doesn't require Firebug (it's not a Firebug addon), and it works in both Firefox and Webkit-based browsers. With Backfire you can change the page's state any way you want (Firebug is a great way) and then click the Save button to save the changes to the server. In terms of implementation, after clicking save your server-side code will receive a post containing a list of changes, and when you download Backfire you'll see an example implementation showing you how to store the changes in your CSS files. It works across multiple files and (in Firefox) with shorthand CSS rules, etc, all while maintaining the structure of your original CSS files.

Rahul

Use cssUpdater (first real hit when googling "how to save firebug changes"). With it, you can save your FireBug changes (even with FTP support) with just one click from FireBug. More info at http://cssUpdater.com

Jhonte

Related Q & A:

How To Draw Save Electricity?Best solution by Yahoo! Answers
How Can We Save Electricity Drawing?Best solution by energystar.gov
How do you find out who made a website?Best solution by ChaCha
How many 1976 pontiac formulas were made with shaker hoods were made?Best solution by Yahoo! Answers
How can the EU trade be made more sustainable?Best solution by en.wikipedia.org

Just Added Q & A:

How many active mobile subscribers are there in China?Best solution by Quora
How to find the right vacation?Best solution by bookit.com
How To Make Your Own Primer?Best solution by thekrazycouponlady.com
How do you get the domain & range?Best solution by ChaCha
How do you open pop up blockers?Best solution by Yahoo! Answers

For every problem there is a solution! Proved by Solucija.

Got an issue and looking for advice?
Ask Solucija to search every corner of the Web for help.
Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.