Firebug Save
How to Save in Firebug! Firebug is one of the best editing tools for firefox. It will save you literally hundreds of hours on your projects. The only downside is that you can not save! This is why..
If you have javascript or php that generates code, if you tried to save that it would ruin the functions of your parsed pages! But CSS doesn't parse, so there should be a save feature.
1. Get Firebug and also get Web Developer Toolbar,
2. Open
up firebug, and open Web Developer toolbar.
3. Select 'Inspect' in firebug, and select an element to edit,
4. Then open WDT, and open CSS > Edit CSS
5. Change a lot of things around, then copy/paste it from Firebug to WDT Edit CSS.
6. Make sure you don't refresh the page before you save!
That will do it for now to Save in Firebug!
NEW Helper Plugin: FireDiff is a plugin for Firefox to show you the difference between items. Get FireDiff for FireFox
Knowledge is power and also a cost saving tool for the future :)
If you wish you can also save the edited HTML, at least in local, for future references, with the same magical Firebug + WDT tool combination. After you’ve finished your HTML editing, go to WDT -> View Source -> View Generated Source – the raw HTML with changes made in Firebug will appear in a new window. Then you go File -> Save As or do the copy/paste or whatever, and you’ve got your tweaked HTML saved as well.
Yup, you guys just left some killa tips! These two really compliment each other (FB and WDT). How did we live without them?
You asid:
WDT -> View Source -> View Generated Source
What is WDT?? Could not find view source.
I am using Firefox.
Thank you
It didn’t work :(
You don’t need the clumsy WDT work-around.
Just install firediff as extension to firebug, it has a “Save snapshot” feature.