Frequently Asked Questions
How do I install Firebug?
There are three ways to install Firebug:
- from addons.mozilla.org (AMO) (https://addons.mozilla.org/firefox/addon/firebug/)
- from Firebug's releases page (http://getfirebug.com/releases)
- from source (http://getfirebug.com/wiki/index.php/Source)
Can I use Firebug on non-Firefox browsers?
To which versions of Firefox is Firebug compatible?
1.10 8.0 14.a1 (final version not yet released) 1.9.1 5.0 12.a1 1.9.0 5.0 11.* 1.8.4 5.0 10.* 1.8.3 5.0 9.* 1.8.2 5.0 7.* 1.8.1 5.0 6.* 1.8.0 5.0 5.* 1.7.3 3.6 5.* 1.7.2 3.6 5.* 1.7.1 3.6 5.* 1.7.0 4.0b12 5.* 1.6.2 3.6 3.6.* 1.6.1 3.6 3.6.* 1.6.0 3.6 3.6.* 1.5.4 3.5 3.6.* 1.5.3 3.5 3.6.* 1.5.2 3.5 3.6.* 1.5.0 3.5 3.6.* 1.4.5 3.0 3.6.* 1.4.4 3.0 3.6.* 1.4.3 3.0 3.5.* 1.4.2 3.0 3.5.* 1.4.1 3.0 3.5.* 1.4.0 3.0 3.5.* 1.3.3 3.0 3.0.* 1.3.2 3.0 3.0.* 1.3.1 1.5 3.0.* 1.3.0 1.5 3.0.* 1.2.1 2.0 3.0.* 1.05 1.5 2.0.0.* 1.04 1.5 2.0.0.* 1.03 1.5 2.0.0.* 1.02 1.5 2.0.0.* 1.01 1.5 2.0.0.* 1.0 1.5 2.0.0.*
How to install Firebug into a clean profile?
To test for bugs regarding interactions with other extensions or corrupted profiles, you should do the following.
Firefox and Firebug re-install rarely fixes problems because the configuration files are not altered on reinstall. So to clear out the configuration files you need to create a new Firefox profile:
Get to a command line Run Firefox with -ProfileManager
$ firefox -ProfileManager
Create New Profile Start Firefox with your new profile Load Firebug into this clean profile.
Exit Firefox Get to a command line Windows: Start->Run->"cmd" enter Run Firefox with -ProfileManager (use quotes around the file name because of the spaces)
"C:\Program Files\Mozilla Firefox\firefox.exe" -ProfileManager
Create New Profile Start Firefox with your new profile Load Firebug into this clean profile.
Read more about this on Mozilla Support "Managing Profiles" (http://support.mozilla.com/en-US/kb/Managing+profiles)
I installed Firebug but I don't see the icon. Where is it? If you use Firefox 3.6 or earlier you should see the Firebug icon in the status bar. Starting from Firefox 4.0 the Firebug Start Button moved to the toolbar. If it's not visible there, it can be found inside the Customize Toolbar dialog. For more info about this please read Honza's blog post (http://www.softwareishard.com/blog/firebug/firebug-start-button-in-firefox-4/).
Is there some basic description of how Firebug works?
There are plenty of tutorials, videos and books on the web. (http://getfirebug.com/wiki/index.php/Firebug_Links) You can also use this wiki (http://getfirebug.com/wiki/) as a source of information. And some of Firebug's features are described in detail in Honza's blog (http://www.softwareishard.com/blog/category/firebug/).
How can I see which version of Firebug I have?
You have three possibilities:
- Firefox Menu > Add-ons or Tools > Add-ons > Firebug (version number on the panel)
- Firebug Menu > About... <version number> (since 1.1)
- Hover over the Firebug Start Button
How do I open Firebug?
Either via F12 or by clicking the Firebug Start Button in the Firefox main toolbar (Firefox 3.6 and earlier: Firebug status bar icon in the lower right corner of Firefox)
How does the activation model of Firebug work?
Firebug implements a whitelist model as well as an "always on" model. For more info see Activation (http://getfirebug.com/wiki/index.php/Activation).
How do I reset all Firebug options?
Firebug Menu > Options > Reset All Firebug Options
Are there options, which you can't set through the UI?
Yes, there are some hidden options. You can change them via about:config. See Firebug Preferences (http://getfirebug.com/wiki/index.php/Firebug_Preferences) for more info.
How does the Console panel work?
See the Console Panel description (http://getfirebug.com/wiki/index.php/Console_Panel).
Does Firebug interfere in any way with jQuery's '$' shortcut?
Although Firebug uses the '$' notation it doesn't interfere with your code. Sometimes you may have issues testing code in the console but can easily avoid them by using the jQuery's alternative notation:
Why do I get the error "console is not defined"?
How does the HTML panel work?
See the HTML Panel description (http://getfirebug.com/wiki/index.php/HTML_Panel).
Why keeps the HTML panel scrolling up?
If the HTML panel scrolls up by itself, you probably have a timed event inside your code, which inserts or changes HTML and triggers the panel to scroll to this change. To avoid scrolling to the change uncheck Expand Changes and Scroll Changes Into View.
Why do the HTML panel contents look different than my source file?
How can I save changes I made inside the HTML panel back to my source file?
You can't. As John J. Barton wrote on the newsgroup:
Editing in Firebug is kinda like taking out the pickles from and
adding mustard to a restaurant sandwich: you can enjoy the result, but the next customer at the restaurant will still get pickles and no mustard.
The reason is that the HTML output is normally dynamically generated by some kind of server script language like e.g. PHP.
Though what could be done is to provide some mapping between URLs and files on your local machine (http://code.google.com/p/fbug/issues/detail?id=5035). Meanwhile, you can try Firediff (http://www.incaseofstairs.com/firediff/), an extension for firebug by Kevin Decker.
How can I save changes I made inside the CSS panel back to my source file?
This feature is not integrated into Firebug, but there are some extensions, which do this (or at least let you save the generated CSS):
* cssUpdater (http://www.cssupdater.com/)
- FireFile (https://addons.mozilla.org/en-US/firefox/addon/52365/)
- Firediff (http://www.incaseofstairs.com/firediff/)
How to enabled the Console panel?
When the message appears that the Console Panel is disabled, you can click the "Enable" link inside of it. Open the Options Menu and click on "Enabled".
Why is there no syntax highlighting?
That's not implemented yet. See issue 4823 (http://code.google.com/p/fbug/issues/detail?id=4823). Though you can get syntax highlighting via an extension called FireRainbow (http://firerainbow.binaryage.com/).
What do the different colors of the variables mean?
Bold Black are objects
Not so bold Black are DOM objects Get in Gray in front means "getter" Bold green are user functions Not so bold Green are DOM functions Bold Red are constructor functions
Why doesn't Firebug integrate feature X?
This can have different reasons: - A Firebug extension (http://getfirebug.com/wiki/index.php/Firebug_Extensions) already implements it - Another extension (https://addons.mozilla.org/firefox/extensions/) already implements it - We decided not to do so (e.g. because it misses the purpose of Firebug, would better fit into an extension, etc.); see the issue tracker (code.google.com/p/fbug/issues/list?can=1) and the discussion group (https://groups.google.com/forum/#!forum/firebug) - We already know about it (http://code.google.com/p/fbug/issues/list), but didn't have the resources yet to implement it - Nobody told us (http://code.google.com/p/fbug/issues/entry?template=User%20enhancement%20request) yet about that feature - It already has the feature, but it isn't visible enough; write us about that in the discussion group (https://groups.google.com/forum/#!forum/firebug)
Why is Firebug that slow?
When Firebug reacts slowly, this might be caused by several things:
- loading huge files (mainly inside the CSS or Script panel)
- logging many things into the Console Panel
If you get an "Unresponsive script" message, it might be a bug (http://getfirebug.com/wiki/index.php/I_found_a_Firebug_Bug!).
How can I check from my website whether Firebug is enabled?
We try to avoid the detection of Firebug through websites for privacy reasons. There's also an issue (http://code.google.com/p/fbug/issues/detail?id=5139) related to this.
Can I change the shortcuts used within Firebug?
Yes, via Firebug Menu > Customize Shortcuts or by pressing Ctrl/Cmd+Shift+Alt+B you can open the Firebug Shortcut Bindings dialog, in which you can change the shortcuts.
Can you check the code I wrote for my Firebug extension?
If you have a specific issue you always contact us via the discussion group (https://groups.google.com/forum/#!forum/firebug) or IRC (irc://irc.mozilla.org/firebug). Please make sure you're asking about a specific issue. Unfortunately we normally don't have the time to check the whole code of your extension for errors or functionality.
How can I participate in the Firebug project?
There are many ways how you can help us. Please read about how to become a contributor (http://getfirebug.com/wiki/index.php/How_to_become_a_contributor).
Where to get help?
This wiki (http://getfirebug.com/wiki/) Web Site (http://getfirebug.com/) Discussion group (https://groups.google.com/forum/#!forum/firebug) IRC (irc://irc.mozilla.org/firebug) Bug reports (http://code.google.com/p/fbug/issues/list)
I can't install Firebug. What can I do? Normally Firefox will tell you the reason when an extension couldn't be installed. Common reasons are:
* The Firebug version you wanted to download is not compatible to the Firefox version you use. => Check the compatibility table above.
- A file couldn't be written. => Restart Firefox and try again.
- "Invalid file hash (possible download corruption)" => Try a new profile; Re-install Firefox.
- You get an error message inside Firefox' Error Console like "installLocation has no properties" => Try a new profile; Re-install Firefox.
If you're using Windows, you can try the following:
With Firefox closed, locate your profile directory (http://support.mozilla.com/en-US/kb/Backing+up+your+information#Locate_your_profile_folder), delete these temporary files, they will be automatically re-created by Firefox: extensions.ini extensions.cache extensions.rdf compreg.dat Disable any Antivirus or BackUp program you may have running and then install Firebug. It may be that some software is stopping Firefox creating the file structures needed for the installation process. Run Firefox as Administrator. It may be the same as in reason 2, because firefox doesn't have enough permissions. Manually install Firebug. This can be done easily, just unzip the XPI (it's a normal zipped file with the extension changed) in your extensions folder, inside your profile. You should unzip firebug's XPI content inside a folder named 'email@example.com'. Do this with Firefox closed.
If your problem didn't get solved or your error message is not listed above:
- Wanted to download from AMO? => Contact Mozilla.
- Wanted to download from getfirebug.com (http://getfirebug.com/releases/) => Contact us.
Firebug crashes Firefox. What can I do?
Crash means the program exits. Note that we're not responsible for fixing Firefox crashes - even when you can confirm that they are related to Firebug. Browser crashes can have different reasons. Generally in such cases it's a browser API Firebug uses, which is corrupt. When the browser crashes the Mozilla Crash Reporter (http://support.mozilla.org/kb/Mozilla%20Crash%20Reporter) should appear. To get the crash fixed please report it (https://bugzilla.mozilla.org/) to Mozilla attaching the crash report URL, so they can fix it. Please inform us about the crash and post us the link to the report via the discussion group (https://groups.google.com/forum/#!forum/firebug) or IRC (irc://irc.mozilla.org/firebug), though. Other people might have the same problem. In these cases we could point them to the report. If you see a crash, which affects many people (https://crash-stats.mozilla.com/topcrasher/), we might be able to find a workaround in some cases until it's fixed in Firefox.
Firebug hangs itself or Firefox. Why?
Hang means the program is still running (it did not crash) but it fails to respond to user commands. The causes and diagnosis is completely different from a crash. You should follow the steps for what to do when you experience a bug(http://getfirebug.com/wiki/index.php/I_found_a_Firebug_Bug!), so you can find out if it's a problem in Firebug or the browser and create a test case.
I found a bug in Firebug. What should I do?
Many problems with Firebug can already be solved by creating a new Firefox profile. Read about how to do this and further info on what to do when you experience a bug in Firebug (http://getfirebug.com/wiki/index.php/I_found_a_Firebug_Bug!).
The awesome bar and some menus are displayed transparently. Why? There's a bug in Firefox causing this. As a workaround you can turn off hardware acceleration via Firefox Button > Options > Advanced > General > Use hardware acceleration when available.