Firebug Extension to update and save HTML or CSS edits on local machine NOT on the server

[Hans Loepfe]

Is there a Firebug Extension that updates, saves changes made to HTML or CSS on the local machine?

[Sebastian Zartner]

For HTML you even don't need an extension. All you have to do is to press Ctrl+A while the page is focused. Right-click the selection and choose View Selection Source. Then you'll see the HTML markup including all dynamic changes and you can save it via File > Save Page As...

For CSS you can use Firebug. Switch to the CSS panel. In there switch to the Live Edit Mode, press Ctrl+A, Ctrl+C and insert it into a file. Though note that this won't contain any comments nor CSS not supported by Gecko like styles for other browsers.

You may also want to follow issue 754.

Sebastian

[db55]

This seems so bazaar to me.

On Thursday, September 26, 2013 4:54:07 PM UTC-4, Sebastian Zartner wrote:

For HTML you even don't need an extension. All you have to do is to press Ctrl+A while the page is focused. Right-click the selection and choose View Selection Source. Then you'll see the HTML markup including all dynamic changes and you can save it via File > Save Page As...

On my FF install, you can use the context menu to choose View Selection Source (if something selected) or choose View Page Source (if nothing selected); but there is still NO editing of that source. You can select parts of that source to copy, but there is no cursor ' no editing ' nothing -- would be pretty sweet if there were.

And WHY would ppl put all that work into Firebug and NOT provide a save option -- at least for local files??
Firebug could be an awesome compact little WYSIWYG editor for local files, but??
This seems so bazaar to me.

[Sebastian Zartner]

Note that Firebug's HTML panel already allows you to edit the source. And as I said before while there's no button at the moment for saving these changes directly, you can save them within the selection source window. Furthermore the extension Firediff allows you to save the changed contents via its panel.
And if you want to help us, you can provide a patch for issue 754 implementing this feature into Firebug.

Sebastian

[to...@tonysantini.com]

The closest thing I have found is a WYSIWYG CSS editor, pretty easy to use but it was abandoned a couple years ago :(

It's called customize your web (firefox add-on) and i've been using it for about a year and a half for the same purpose you are looking for.

It can also create shortcuts for web elements (→ takes you to next page of google results) delete frames that usually contain ads, or change the color,font or text on certain pages.

My favorite feature is probably auto filling forms. Anytime you go to google.com/mail=login? you can enter your password and click the login button automatically.


Hope this helps. (Hope we can get Noe to update this awesome add-on!)

[Shahrokh Moghimi]

On Thursday, September 26, 2013 6:02:00 PM UTC+3:30, Hans Loepfe wrote:
> Is there a Firebug Extension that updates, saves changes made to HTML or CSS on the local machine?

In firebug FAQ:

Q: How can I save changes I made inside the CSS panel back to my source file?
A: This feature is not integrated into Firebug, but there are some extensions, which do this (or at least let you save the generated CSS):

1-cssUpdater (http://www.cssupdater.com/)
2-FireFile (https://addons.mozilla.org/firefox/addon/52365/)
3-Firediff (http://www.incaseofstairs.com/firediff/)