Can you save firebug

Firebug's activation is URL based respecting the same origin policy. That means that when you open a page on the same origin in a different tab, Firebug gets opened automatically. And when you open a page of a different origin in the same tab, it closes automatically. The DevTools' activation on the other hand is tab based.

That means, that when you open the DevTools in a tab, they stay open even when you switch between different websites. When you switch to another tab, though, they're closed.

Firebug can be opened by pressing F The DevTools share the same shortcuts, but also provide shortcuts for the different panels. The Web Console is the equivalent of Firebug's Console panel. It shows log information associated with a web page and allows you to execute JavaScript expressions via its command line. The display between both is somewhat different. This may be changed in bug Firebug offers two ways to filter log messages, via the options menu and via the filter buttons within the toolbar.

The Developer Tools console offers similar functionality via the filter buttons inside its toolbar — centralized at one place. The Developer Tools command line has some functions in common , but also has some other functions and misses others.

To log things to the console from within the web page Firebug makes a Console API available within the page. In Firebug you can click the Persist button within the toolbar to keep the logged messages between page navigations and reloads. In the DevTools this option is called Enable persistent logs and is available within the Toolbox Options panel. This functionality is already integrated into the DevTools using the ChromeLogger protocol and doesn't require any extensions to be installed.

By clicking on an object logged within the console you can inspect the object's properties and methods within the DOM panel. In the Firefox DevTools you can also inspect the objects.

The difference is that they show the properties and methods within a side panel inside the Web Console. Firebug's console has a multi-line command line called Command Editor. Also, the normal command line smartly enters a line break when it recognizes an unfinished command like document.

There is a Preview tab when a network request logged to the console is expanded in Firebug. The Web Console displays a preview within the Response tab. Within the DevTools this functionality is served by the Page Inspector.

Within the Page Inspector the tag attributes and the contents can be edited inline just like in Firebug. Beyond that it allows to edit the tag names inline. You can also edit the HTML directly. In the DevTools this option is also available via the context menu. Only the live preview of changes is currently missing, which is tracked in bug and bug The Page Inspector provides the same functionality except copying XPaths. This is covered by bug Both tools allow to view and edit the CSS rules related to the element selected within the node view in a similar way.

Firebug has a Style side panel for this, the DevTools have a Rules side panel. Asked 10 years, 11 months ago. Active 4 years, 7 months ago. Viewed 20k times. If you have a different way to achieve what I'm trying to do, I'll be glad to hear about it. It doesn't have to be with Firebug. Thanks in advance! Improve this question. Sebastian Zartner Radicate Radicate 2, 6 6 gold badges 22 22 silver badges 34 34 bronze badges.

Just to clarify, you want to be able to change the page localy and have those changes "persist" when you later load the same page wihtout having to make any changes on the server, like when you use flash or adblocker and tell it to always remove some content from the page whenewer you load it.

Add a comment. Active Oldest Votes. Improve this answer. No, the changes aren't saved when you reload the page. Work in progress Windows saves this information as a number of small files in the prefetch folder. The next time you June 04, How to save Firebug changes Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. Comment 4 Reblog It 0 4 Comments.

Hi konnyei, the answer is no. But is html5 and media queries saved as well? Here is a link to the developer don't be disparaged by first appearance, mayhap just as well head straight over to the Mozilla Add-On repository.

I got here looking exactly for this feature, that is, being able to save edited CSS properties back to the original file on my local development machine. Unfortunately after searching a lot and not finding anything that suits my needs OK, there's CSS Updater but you have to register and it's a paid extension Guess what I just found this great post that shows a nice way of getting this to work built into Chrome - there's no need for additional extensions :.