Firebug 2.0.17
June 8th, 2016 by Jan Honza Odvarko

This is a maintenance release ensuring compatibility with latest Firefox releases.

Firebug 2.0.17 is compatible with Firefox 30 – 49

Firebug 2.0.17 fixes the following issues: 8003, 8012, 8018, 8022


Firebug 2.0.16
March 30th, 2016 by Jan Honza Odvarko

This is a maintenance release ensuring compatibility with latest Firefox releases.
 
Firebug 2.0.16 is compatible with Firefox 30 – 48

Firebug 2.0.16 fixes the following issue: 8004.


Firebug 2.0.15
March 24th, 2016

This is a maintenance release ensuring compatibility with latest Firefox releases.

Firebug 2.0.15 is compatible with Firefox 30 – 47

Firebug 2.0.15 fixes the following issues: 8000, 7998.


Firebug 2.0.14
February 8th, 2016

This is a maintenance release ensuring compatibility with latest Firefox releases.

Firebug 2.0.14 is compatible with Firefox 30 – 46

Firebug 2.0.14 fixes the following issues: 7954, 7964, 7961, 7956.


Firebug 2.0.13
October 26th, 2015

This is a maintenance release ensuring compatibility with latest Firefox releases.

Firebug 2.0.13 fixes the following issues: 7948, 7951, 7952, 7929.


Firebug 2.0.12
September 2nd, 2015

This is a maintenance release ensuring compatibility with latest Firefox releases.

Firebug 2.0.12 is compatible with Firefox 30 – 42

Firebug 2.0.12 fixes the following issues: 7916, 7922, 7928, 7917, 7923, 7931, 7918.


Firebug 2.0.11
June 16th, 2015

This is a maintenance release ensuring compatibility with latest Firefox.

Firebug 2.0.11 fixes the monitor() and unmonitor() commands (issue 7907) as well as source code pretty printing (issue 7906).


Firebug 2.0.10
June 1st, 2015

This is a maintenance release ensuring compatibility with latest Firefox.

Firebug 2.0.10 is compatible with Firefox 30 – 41

Firebug 2.0.10 fixes an issue with the Events panel (broken in Firefox 38) and small issue in the CSS panel.


Firebug 2.0.9
April 9th, 2015

This is a maintenance release ensuring compatibility with latest Firefox release.

Firebug 2.0.9 is compatible with Firefox 30 – 39

Firebug 2.0.9 fixes 7 issues.


Firebug 2.0.8
February 6th, 2015

This is a maintenance release ensuring compatibility with latest Firefox release.

Firebug 2.0.8 is compatible with Firefox 30 – 38

Firebug 2.0.8 fixes 3 issues.

Note that Firebug 2.0.8 is not compatible with upcoming multiprocess (aka e10s) Firefox. You need Firebug 3 (aka Firebug.next) built on top of Firefox native tools to run with multiprocess browser. Firebug 3 is available as an alpha and you can download the latest version from our github repository. The team is currently fully focusing on Firebug 3.


Firebug 2.0.7
9 December 2014

This is a maintenance release ensuring compatibility with latest Firefox release.

Firebug 2.0.7 is compatible with Firefox 30 – 37

Firebug 2.0.7 fixes 1 issue.

Firebug 2.0.7 is not compatible with upcoming Multiprocess Firefox (read more about e10s), but we are already working on Firebug 3 (alpha available for testing) that is fully compatible. Note that Firebug 2 users will be automatically prompted for update when running in e10s enabled browser. The following panel will be displayed when clicked on Firebug start button. Read more about Firebug & e10s.


Firebug 2.0.6
5 November 2014

This is a maintenance release fixing one reported issue.

Firebug 2.0.6 fixes 1 issue.


Firebug 2.0.5
4 November 2014

This is a maintenance release fixing reported issues and compatibility with new versions of Firefox.

Firebug 2.0.5 is compatible with Firefox 30 – 36

Firebug 2.0.5 fixes 9 issues.


Firebug 2.0.4
September 6th, 2014

This is a maintenance release fixing reported issues and compatibility with new versions of Firefox.

Firebug 2.0.4 is compatible with Firefox 30 – 35


Firebug 2.0.3
August 14th, 2014

This is a maintenance release fixing reported issues as well as updating couple of locales.

Firebug 2.0.3 fixes 15 issues.


Firebug 2.0.2
July 18th, 2014

This version represents maintenance release fixing some reported issues.

Firebug 2.0.2 fixes 8 issues.

 
Firebug 2.0.1
June 21st, 2014

This version represents maintenance release fixing some reported bugs and updating several locales.

Firebug 2.0.1 fixes 10 issues.


Firebug 2.0
June 10th, 2014

Before we jump right into the details, let’s see how the current UI looks like. Firebug 2 went through a face lift in this version. World class designers have been working on the new theme and the user interface is now clean and more intuitive.

New Features

Firebug 2 introduces many new features and bug fixes also because we completely removed dependency on the ancient Firefox debugging engine (aka JSD1) and incorporated new debugging engine known as JSD2.

    Syntax Highlighting
    Pretty Print
    DOM Events Inspector
    Searching in the HTML Panel
    Code Auto Completion
    JavaScript Expressions Inspector
    Console Log Grouping
    Inspect JavaScript Function Return Value
    Show/Hide Firebug Panels
    Displaying Original CSS Color Values
    Quickly create new HTML attribute
    Inspect Registered Mutation Observers

Syntax Highlighting

One of the most visible new features is probably that the Script panel supports JavaScript syntax highlighting.

Syntax coloring is also there if you edit HTML as a free text by clicking on the Edit button in the toolbar. The same for CSS source edit mode…

Pretty Print

The Script panel also supports pretty-printing and if you deal with minified JavaScript code you’ll find this feature extremely useful.

DOM Events Inspector

Firebug 2 integrates existing EventBug extension and introduces new Events side panel within the existing HTML panel. This panel lists all of the event handlers on the page grouped by event type for the currently selected DOM element. The panel is nicely integrated with other Firebug panels and allows to quickly find out which HTML element is associated with specific event listener or see the JavaScript source code (read more).

Searching in HTML Panel

Search in the HTML panel has been improved and the user can now use CSS selectors or regular expressions to find specific elements.

Code Auto Completion

Code auto-completion system has been improved across Firebug 2 UI on several places. It’s now available in the Command Editor (within the Console panel) where you can press the <tab> key to open a little completion popup window.

Auto completion works even in breakpoint-condition popup dialog where it offers variables in the current scope.

You can enjoy auto-completion when editing HTML attributes (works for SVG attributes too) and also within HTML style attribute. All these little details make Firebug an awesome tool to use!

JavaScript Expressions Inspector

When debugging and stepping through your code you can quickly inspect and explore details of any JavaScript expression you see in the Script panel. Just hover your mouse over the expression or selected piece of code and see the result in the tooltip.

You can also right click on an expression (or again on the current selection) and pick Use in Command Line or Inspect in DOM Panel actions.

Console Log Grouping

There is new option in the Console panel that allows to group console logs coming in a row from the same location (on by default).

Inspect JavaScript Function Return Value

This feature allows to examine and modify return value of a JavaScript function. See an example:

function myFunction() {
return foo();
}

The usual problem in other debuggers and tools is is how to examine the return value of foo(). Firebug allows that by stepping through a return statement and displaying the value within the Watch side panel. It even allows you to modify the return value through the Watch panel just like other values (read more).

Show/Hide Firebug Panels

One change we introduced in Firebug 2 is the way how to hide/show individual panels. Check out the next screenshot that depicts how it’s done.

Displaying Original CSS Color Values

Another nice enhancement allows displaying original CSS color values. There is a new option Colors As Authored in the CSS panel that allows displaying CSS color values as they were defined. This makes it easier to compare the styles interpreted by the browser with the ones inside the original CSS source file. While this new option is now the default, you still have the possibility to switch to hexadecimal, RGB or HSL formatting.

Quickly create new HTML attribute

There is a new way how to quickly create new attributes for HTML elements. All you need to do is hover mouse cursor over the closing arrow bracket of an element you want to add a new attribute to. See, the cursor changes its shape into a hand.

Click on the closing tag to open an inline editor and start typing an attribute name.

The rest works as usual. After you typed the name press the tab key and type the attribute value.

Inspect Registered Mutation Observers

The existing getEventListeners() command (see a Firebug tip) has been extended and it now displays also registered mutation observers for given element.

Firebug Extensions

As usual we spent some time testing existing Firebug extensions. Here is a list of those that passed our review and work with Firebug 2.0.

    AMF Explorer AMF Explorer is based on the JSON Explorer and XML Explorer features of Firebug, AMF Explorer allows web developers to view deserialized AMF messages in Firebug’s Net panel.
    Console Export Export data from the Console panel
    CSS Usage See what CSS rules and properties are actually used in your app.
    Firediff Additional insight into the changes that are being made to the components of the page
    FireLogger Logging support for web developers (PHP, Python, ColdFusion) (see also this post)
    FirePath adds a development tool to edit, inspect and generate XPath 1.0 expressions and CSS 3 selectors
    FirePicker Adds color picker to Firebug’s inline CSS editor. (see also this post)
    FireQuery Adds a collection of jQuery-related enhancements to Firebug. Recommended for all jQuery developers. (see also this post)
    FireStorage Plus! Is an extra panel to Firebug for displaying and manipulating the web storage containers such as localStorage and sessionStorage. (see also this post)
    FlashFirebug Debug ANY AS3 SWF files on the web. Edit properties and inspect elements. Redirect SWF output to the extension. Run AS3 code and transform objects on the fly. Access SWF assets with the decompiler. View AMF calls and Shared Objects and much more!
    Illuminations for Developers Takes JavaScript frameworks and makes their internals visible inside Firebug, including views, models, class names, and more.
    Javascript Deminifier Deminify javascript before it is downloaded.
    NetExport NetExport is a Firebug extension that allows exporting data from the Net panel.
    Omnibug Omnibug is a plugin for Firebug to ease developing web metrics implementations. Each outgoing request (sent by the browser) is checked for a pattern; if a match occurs, the URL is displayed in a Firebug panel, and decoded to show the details of the request. In addition, requests can be logged to the filesystem.
    PageSpeed Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them.
    YSlow YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow is also a Firefox add-on integrated with the Firebug web development tool.
    ZikulaBug ZikulaBug is a Firebug extension, which provides a friendly interface for Zikula’s DebugToolbar. It allows to browse Zikula debug data grouped in eight tabs: General, Configuration, SQL, Templates, Function Executions, Log Console, HTTP request and Settings.
    Dojo Firebug Extension Support for Dojo based app debugging.
    Firefinder find HTML elements matching chosen CSS selector(s) or XPath expression quickly.
    Fireflow Provides method call logs in a tree format.


Firebug 2.0 beta 8
May 30th, 2014

Firebug 2.0b8 fixes 13 issues

Pretty Print Button

This is a little change that we introduced to make sure that the support for source code prettifying is more visible to the user. There is a new button on the Script panel toolbar now (issue 7305).

Script Expression Inspection

We already mentioned support for object inspection in the Script panel in the previous post and we introduced some more improvements.

It’s now possible to inspect even selected expressions (issue 7475).

See, the little tooltip says that the result of 10 + 20 is 30. You can also right click on the selection and pick Inspect in DOM Panel or Use in Command Line (both actions will be applied on the selected expression result).

We have also improved the way how expressions under the cursor are analyzed and so for instance, the cases like the following also work as expected (issue 7484).

Check out various position of the mouse cursor and the expression under it.


Firebug 2.0 beta 7
23 May 2014

Firebug 2.0b7 fixes 8 issues

Other new stuff that has been introduced in Firebug 2.

Console Log Grouping

This is one of the nifty little features that make Firebug great tool for development. Grouping of console logs has been available for long time, but the number of logs in a group was displayed on the far right side and not much noticeable. We moved it to the beginning to make it more obvious.

Script Objects Inspection

This feature has been in Firebug for some time, but we made it working properly now in Firebug 2.

You can right-click on any object directly in the Script panel and pick Inspect in DOM Panel (to continue inspection of the object in the DOM panel) or Use in Command Line (to use object in an expression on the Command Line).

This allows quick object inspection without necessity to search for them in the DOM main (or side) panel.


Firebug 2.0 beta 6
May 16th, 2014

Firebug 2.0b6 fixes 6 issues

DOM Events Inspector

This release integrates the existing EventBug extension and introduces a new Events side panel. This side panel is available in the HTML panel and lists all of the event handlers on the page grouped by event type for the currently selected DOM element. The panel also nicely integrates with other Firebug panels and allows to quickly find out, which HTML element is associated with specific event listener or see the JavaScript source code (issue 5440).

EventBug extension doesn’t support Firebug 2 and you should uninstall it if using this version of Firebug.

Events Side panel

The previous screenshot demonstrates a situation where a <button> element is selected and we can see that two listeners are registered for it: onclick and onmousemove. Name of the handler (in green) is a link that navigates you directly at the right line in the Script panel where you can inspect the JS code.

There is also a section Other listeners for: Window that shows one handler for load event. There is no way to select the window object itself in the HTML panel and so this section is visible all the time (in case any listeners are actually available).

You can also disable an existing event listener (the same way a CSS properties can be disabled in the CSS panel).

Event Targets

The Events panel displays also event handlers for all targets (parent elements) used when event bubbles.

Imagine the following scenario:

<div id="div1" onclick="onClickDiv1()">
  <div id="div2" onclick="onClickDiv2()">
    <div id="div3" onclick="onClickDiv3()">Click Me!</div>
  </div>
</div>

If the user clicks on div3 element the event will bubble up through the parent elements.

If you select div3 element in the HTML panel the Events side panel shows shows all three listeners (coming from the event targets chain).

    The top section shows onclick for div3 (the selected element)
    There are other two sections showing listeners for div2 and div1 elements

Event Handlers Names

Name of the event handler displayed in the Events panel depends on the way how the event is registered. If it’s an inline event (created within an HTML attribute) the name always corresponds to the attribute (event type) since generated automatically by the browser. If you use addEventListener, the name will correspond to the function passed in.

Wrapped Event Handlers

Some JS libraries (e.g. jQuery) are wrapping the original function into another function. This happens for all registered event handlers, and so searching for the original function might be hard since the link offered in the Events panel always points to the wrapper function coming from particular JS library. But don’t worry, Firebug solves this problem by showing even the original wrapped function.


Firebug 2.0 beta 5
May 9th, 2014

Firebug 2.0b5 fixes 7 issues

We made a few UI enhancements and fixed several reported bugs in this release. As usual we have also created more automated tests to ensure stability and avoid regressions.

Show/hide Command Editor

Another change we have introduced in Firebug 2 is related to the way how the Command Editor (aka multiline command line) is opened and closed.

The Command Editor (together with the Command Line) is one of the most useful features for development. It allows the execution of JavaScript code snippets, as well as calling existing functions on the page or defining new ones.

The script is executed in the context of the current page and if the debugger is currently halted (e.g. at a breakpoint), the script is executed in the current debugging frame. So for example you can also use local variables available in the current frame scope in your script.

The following screenshot shows how the Command Editor looks like when opened in the Console panel.

The Command Editor can be opened/closed using the little arrow button in the top right corner, which is exactly the same way how side panels on other panels are opened/closed. This new approach makes the entire UX more consistent.

You can use the top-right button to open the Command Editor again, or click the bottom-right red button. We kept the red button in there, since it was in Firebug for a long time and users could miss it. But we’d like to remove it at some point since we believe it isn’t that important anymore. What do you think?


Firebug 2.0 beta 4
May 2nd, 2014

Firebug 2.0b4 fixes 12 issues
Firebug 2.0b4 is compatible with Firefox 30-32

Console API available in Web Workers

This is great news for everyone who’s using web workers and debugging them. The console object and all its API can be now used from within web worker thread as well (issue 2154).

Support for Australis

Firebug 2 user interface has been improved a lot and we paid an extra focus on visual compatibility with the new Australis design introduced in Firefox 29 this week. It’s not only tweaking the design bits, so it looks good and native across different OSes, but also supporting the new Australis UX.

Australis introduces a new panel menu icon in the upper right corner and new way how to customize this menu. Firebug supports all the new UI/UX.

If you click the new menu toolbar button you should see a panel with Developer icon.

After you click the icon you’ll see a submenu with existing native tools and Firebug at the top (issue 7415).

Customization of the menu is done through a button that is located at the bottom of the menu panel. After you click it, you can drag-and-drop the Firebug icon anywhere you want. Note that Firebug icon is located in the toolbar by default just like always (auto customization done after installation).


Firebug 2.0 beta 3
April 25th, 2014

Firebug 2.0b3 fixes 15 issues

Apart from regular bug fixes and patches one new feature made it into this release. It’s now possible to search in the HTML panel using regular expressions (issue 6713)

All you need to do is to check Use Regular Expression option in the search panel options dialog and type a regular expression in the search box.

Code Auto-completion

One of the things improved in Firebug 2 is related to code auto-completion. This feature has been improved on several places in Firebug. First, let’s see the Command Editor in the Console panel (issue 55)

You can open the auto-completion popup window by pressing the <tab> key. The screenshot shows a case where the key is pressed after typing: document.get

Another place where auto-completion has been improved is breakpoint condition dialog. It now offers variables in scope. Check out the following screenshot.


Firebug 2.0 beta 2
April 17th, 2014

Firebug 2.0b2 fixes 9 issues

A few more reported issues have been fixed in this release and we also created some more automated tests to ensure stability.
Show/hide Firebug panels

One change we introduced in Firebug 2 is the way how to hide/show individual panels. Check out the next screenshot that depicts how it’s done in Firebug 1

The panel selector button is presented on the main Firebug toolbar. We believe that this feature doesn’t deserve so much attention and in order to clean up the UI and make it simper we decided to move it into Firebug menu in Firebug 2.


Firebug 2.0 beta 1
April 11th, 2014

Firebug 2.0b1 fixes 13 issues

The feedback we have got for Firebug 2 so far has been positive, some issues reported and fixed. We feel strong and in order to get more feedback we decided to move forward and start beta phase. Beta releases will also be uploaded on AMO to update the beta channel.
Highlights from this release

One little improvement made it into this release. If you deal with Cookies you can now export all cookies for the current page using new Export as JSON to Clipboard action (issue 7197).

In order to have this action available you need to set the following preference to true: extensions.firebug.cookies.jsonClipboardExport
(use about:config)

One useful concept improved in Firebug 2 is related to JavaScript errors and the debugger. Thanks to JSD2 API Firebug could finally implement it correctly. So, let’s take a look at four scenarios that explains how you can identify JS errors in your code and fix it.
Break On Next Error

This feature is part of Break On … concept in Firebug. This time we are interested in Break On Next Error related to the Console panel.

This features allows to break on an error that happens next. It’s useful in cases where the user knows when the error happens.

The use case is (try live example):

    Open Firebug and enable the Console and Script panel
    Switch to the Console panel and click Break On All Errors
    Operate your page to cause JS error
    Firebug should switch to the Script panel and break in the debugger
    at the line where the error happened

Error Breakpoint

In this case Firebug integrates JS errors an breakpoints within the Console panel.

This features allows to break on particular error that the user created a breakpoint for.

The use case is (try live example):

    Open Firebug and enable the Console and Script panel
    Operate your page to cause an error
    You should see an error log in the Console panel allowing to set a breakpoint on it
    Operate your page to cause the same error
    Firebug should switch to the Script panel and break in the debugger
    at the line where the error happened

Break On Exceptions

In this case we move into the Script panel and use one of its options.

This feature allows to break on any exception that happens in your app. It works as an option and you don’t need to reactivate it after it happens.

The use case is (try live example):

    Open Firebug and enable the Script panel
    Switch to the Script panel and check Break On Exceptions option in the panel tab options menu
    Operate your page to cause an exception
    Firebug should switch to the Script panel and break in the debugger
    at the line where the error happened

Ignore Caught Exceptions

This case is an extension of the previous one. In some cases the user is only interested in uncaught exceptions since the others are caught and known.

This features allows to break on any exception that happens and is *not* caught by catch clause. It works as an option you don’t need to reactivate it.

The use case is (try live example):

    Open Firebug and enable the Script panel
    Switch to the Script panel and check Break On Exceptions and Ignore Caught Exceptions option in the panel tab options menu
    Operate your page to cause uncaught exception
    Firebug should switch to the Script panel and break in the debugger
    at the line where the error happened


Firebug 2.0 alpha 2
April 4th, 2014

Firebug 2.0a2 fixes 20 issues

The Firebug team is hardworking to make sure version 2.0 is ready when Firefox 30 is ready. Today’s alpha 2 is fixing reported issues and also finishing some features that have been in-progress for some time. We are planning to switch to beta phase soon to get yet more feedback.

Inspect JavaScript Function Return Value

This is a great feature that allows to examine and modify the return value of a JavaScript function. See this little example:

function myFunction()
{
    return foo();
}

The question is how to examine the return value of foo()? Firebug allows that by stepping through a return statement and displays it within the Watch side panel. It even allows you to modify the return value by double-clicking on it.

Another nice feature introduced for the first time is source code prettifying. This feature is available for the Command Editor as well as the Script panel source.


Firebug 2.0 alpha 1
March 26th, 2014

Firebug 2.0a1 fixes 174 issues
Firebug 2.0a1 is compatible with Firefox 30-31

Update: an issue with Firefox 30 compatibility fixed

This alpha represents the first public release that is based on new Firefox debugging engine (also known as JSD2). Firebug team has been working hard to adopt this new API and has also done great job with polishing Firebug UI that is now matching the Australis theme introduced in Firefox 29.

This version introduces many changes and we decided to bump up the version number to 2 (!) starting from alpha 1. Firebug users having Firebug 1.13 alpha installed will be automatically updated (assuming they are using Firefox 30+).

Firebug refactoring touched mainly the Script panel, which represents the heart of debugging with Firebug. Some other panels changed too since they are integrated with the Script panel through e.g. the Break On … feature.

There are plenty of bug fixes (also because we removed the old and buggy JSD1 debugging engine) and also many new features. You can check out all fixed issues. For instance, one of the most visible thing is probably that the Script panel supports JavaScript syntax highlighting.

Syntax coloring is also there if you edit HTML as a free text by clicking on the Edit button in the toolbar. CSS source edit is also supporting it.

This is the first alpha, but we believe that Firebug 2 is already in great shape. We spent time also on improving our automated testing framework and we wrote new tests that cover more Firebug features. Still, feedback from you is valuable. Let us know how this brand new Firebug version works for you, so we can switch to beta phase soon and consequently do a final release!


Firebug 1.13 alpha 10

Firebug 1.13a10 fixes 12 issues
Firebug 1.13a10 is compatible with Firefox 28-31

This version is released mainly for Firefox Nightly users fixing one compatibility issue.
We have been working hard over last 10 alphas and except of fixing regular issues we have been also adopting the new JavaScript Debugger API in Firefox known as JSD2 (issue 5421 in our issue list).

This adoption has been done and our entire test suite composed of about 400 automated tests finally passed and all tests are green (issue 7166). Since we have done a lot of changes and also the Firebug UI went through a great face lift, we are going to call the next version Firebug 2.0 alpha 1! (will be available next week)


Firebug 1.13 alpha 9
February 7th, 2014

Firebug 1.13a9 fixes 6 issues
Firebug 1.13a9 is compatible with Firefox 27-30

There are two new little enhancements:

Absolute vs. Minimal XPath (Issue 7120)

  If you want to copy element’s XPath, you have two options now:

    Copy XPath Copy absolute XPath to the clipboard
    Copy Minimal XPath Copy relative/minimal XPath to the clipboard (available in case the element has an ID attribute)

Console Grouping on/off (Issue 6871)

  The Console panel has a new option that allows to switch off log grouping.

We are mostly focusing on adopting JSD2 (new Firefox debugging engine) and doing great progress in this area. Almost all planned features (one missing) are implemented and we are now in the middle of fixing our automated test suite. Next great version is coming soon. Stay tuned!


Firebug 1.13 alpha 8
January 24th, 2014

Firebug 1.13a8 fixes 11 issues

We introduced one nifty enhancement that allows displaying original CSS color values (issue 5507). There is a new option Colors As Authored that allows to display CSS color values as they were defined. This makes it easier to compare the styles interpreted by the browser with the ones inside the original CSS source file. While this new option is now the default, you still have the possibility to switch to hexadecimal, RGB or HSL formatting.


Firebug 1.13 alpha 7
December 13th, 2013

Firebug 1.13a7 fixes 14 issues
Firebug 1.13a7 is compatible with Firefox 26-29

Add auto-completion for HTML attributes

The HTML panel now offers auto-completion for tag attributes. This improves the workflow a lot. For example, you just have to type c and it gets completed to class. This doesn’t just work for HTML, but also for SVG.

Auto-complete CSS styles within the HTML “style” attribute

Furthermore the “style” attribute now has an auto-completion for all the different CSS styles. So you can tweak your styles in both, the Style side panel and the HTML panel.

Error badge improved

In case there are errors detected on the page, Firebug was always showing a little badge with the number of errors that occurred besides its Start Button. It is now possible to click this error badge to get to the Console panel in order to get more information about the errors.


Firebug 1.13 alpha 6
November 29th, 2013

Firebug 1.13a6 fixes 8 issues

There are just couple of minor enhancements. Again we are mostly focusing and hardworking on adopting new Firefox debugging engine and doing great progress. This work will turn into alpha releases soon (we are yet blocked by missing platform APIs).

In this version, we improved design of the search options panel (see issue 6702):

Search Options

And Firebug now supports -0 (negative zero), see issue 6631


Firebug 1.13 alpha 5
November 8th, 2013

Firebug 1.13a5 fixes 9 issues
Firebug 1.13a5 is compatible with Firefox 25-28

This version doesn’t introduce any new features. The entire team is now focusing and hardworking on adopting the new debugging API that shall represent the heart of the debugger in Firebug.next. This work will be also included in alpha releases soon.


Firebug 1.13 alpha 4
October 25th, 2013

Firebug 1.13a4 fixes 10 issues

    Display registered Mutation Observers (issue 6740)

    The existing getEventListeners() command (see a Firebug tip) has been extended and it now displays also registered mutation observers for given element.

    Mutation Observers

    Searching by selector in the HTML panel (issue 6748)

    The search field inside the HTML panel now allows you to search for elements via CSS selectors. Just start typing a selector like body > div and the elements matching this selector will be matched. This new search feature got integrated with the already existing text search. So now you can search for both at once, text and CSS selectors. This makes it much easier to find the elements you’re searching for.

    HTML Search


Firebug 1.13 alpha 3
September 27th, 2013

Firebug 1.13a3 fixes 7 issues
Firebug 1.13a3 is compatible with Firefox 24-27

    JavaScript Array Inspector (issue 6773)

    It’s now possible to simply inspect large arrays logged into the Console panel. Large arrays are truncated in the Console panel, but if you click on the left or right bracket of the array (it’s a link now) you’ll be navigated into the DOM panel that allows you to fully inspect the array.

    You’ll be navigated to the DOM panel for full inspection after clicking.

    console.table() & object logging (issue 6800)

    We have enhanced the console.table() API, and so it’s now possible to use it to log even generic objects. It can be useful in many cases. For example, you can log the DOM storage object.


Firebug 1.13 alpha 2
September 13th, 2013

Firebug 1.13a2 fixes 9 issues

    Issue 3195: Search field should display current tab
    Issue 6334: Pressing the search field shortcut should select the previously entered search text
    Issue 6746: Add a keyboard shortcut for creating a watch expression from the current selection
    Issue 6760: Allow using the command line even when JavaScript is disabled

 
Firebug 1.13 alpha 1
September 6th, 2013

getfirebug.com has Firebug 1.13 alpha 1

Firebug 1.13a1 fixes 31 issues
Firebug 1.13a1 is compatible with Firefox 23-26

    The Script panel displays a notification if the source cache limit has been exceeded (issue 4906). You can use the Preferences button to change the limit. Browser restart is not needed after limit modification, just reload the page to get full source.script-cachelimit

    Quick Info Box for elements can be pinned (issue 5720). Note that there are two buttons at the top right corner. One for pinning the box, so it stays displayed all the time and one for closing it.quick-info-box

    Headers in net requests are collapsible (issue 4930). The Net panel has also been improved. Sections with HTTP headers (Response, Request and Cached Headers) are now collapsible and the state is preserved across Firefox restarts. So those headers, in which you are not interested don’t take space anymore.net-panel-headers

    Better way to add a new element attribute (issue 6661)We have improved the way how HTML attributes can be added into elements. Check out the next set of screenshots.html-panel1

    Hover mouse cursor over the closing arrow bracket of an element you want to add a new attribute to. See, the cursor changes its shape into a hand.

    Click on the closing tag to open an inline editor and start typing an attribute name.

    The rest works as usual. After you typed the name press the tab key and type the attribute value.


Firebug 1.12.6
January 20th, 2014

This version represents a maintenance release fixing some minor bugs and compatibility issues with upcoming Firefox versions.

Firebug 1.12.6 is compatible with Firefox 23 – 29
Firebug 1.12.6 fixes 11 issues.


Firebug 1.12.5
November 21st, 2013

This version improves a workaround that solves Firefox tab switching and Firebug activation problem (due to a platform bug). See the detailed description of related changes below.

Firebug 1.12.5 fixes 2 issues.

Script Panel Activation

Since version 1.12.4, Firebug doesn’t pause the underlying Firefox JavaScript debugger engine (JSD) when the user is switching Firefox tabs. This avoids long tab switching times since JSD.pause/unPause is broken (it’s the platform bug). This means that Firebug with active Script panel can slow down the browser even if it’s on a background Firefox tab.

The user can see related warning message on disabled Script panel and also (if the Script panel is already enabled) within the Console panel.

Enabling the Script panel causes a Firefox slow-down due to a platform bug. This will be fixed with the next major Firefox and Firebug versions.

If you have the Script panel disabled, the platform bug doesn’t affect your browser experience.
Start Button Icon

In order to make it easier for the user to see that there is an active Firebug instance in the background we introduced a new state for the Start Button Icon.

Start Button Tooltip

Start button tooltip has also been improved. You can use it to see how many Firebug instances are currently active (you’ll see the number even if Firebug is not active on the current tab).

Shutdown Firebug

Finally, in order to quickly shutdown all Firebug instances at once and ensure that the underlying Firefox debugging engine (JSD) is deactivated (not slowing down the browser anymore), you can pick Clear Activation List from the Start button context menu.


Firebug 1.12.4
October 21st, 2013

Another maintenance release fixing performance problem when switching Firefox tabs.

Firebug 1.12.4 fixes 1 issue.

This version introduces a workaround that solves Firefox tab switching and Firebug activation problem (see a platform bug). As a temporary measure, Firebug no longer pauses the debugger when switching tabs. This avoids long tab switching times (see issue 6086 for more details).

The entire problem will be properly fixed in the next major Firebug version that will be based on the new JavaScript Debugger API in Firefox.


Firebug 1.12.3
October 5th, 2013

Another maintenance release fixing a few minor issues.

Firebug 1.12.3 fixes 4 issues.

There is a platform bug that slows down Firefox tab switching and Firebug activation. This bug has effect only if the Script panel is enabled. Since we can’t fix this problem Firebug is displaying a warning to notify users. The problem will be fixed in the next major Firebug release (Firebug will be using different debugging engine, see issue 6821 for more details).

The message is displayed on disabled Script panel and also in the Console panel.

This version also fixes one compatibility problem with FirePHP extension (issue 6803).
 

Firebug 1.12.2
September 25th, 2013

Bug fixes in this release are mostly related to the Console panel & logging, but there are also some fixes related to CSS inspection.


Firebug 1.12.1
September 4th, 2013

    The problem with missing Firebug icons reported by some users is fixed (issue 6689).
    It is possible to get rid of the Clear Activation List confirmation dialog (issue 6694)
    There is a new preference extensions.firebug.console.groupLogMessages that allows to disable console message grouping (issue 6703)


Firebug 1.12.0
August 21st, 2013

    Firebug 1.12 is compatible with Firefox 23 – 26

New Features

    Copy CSS Properties
    New Net Panel Filters
    Filter for DOM Events Log
    Autocompletion Popup Improved
    Use in Command Line
    Group Console Messages
    Better Infotip for HTTP Request Timings
    Multiple Filters for Console & Net Panel
    Toggle Visibility of Side Panels
    Store the result of the last command line evaluation in $_
    New command: getEventListeners()
    Copy as cURL
    Precision for Console API %f log pattern
    Show/hide stack arguments
    CSS Panel Improvements


Firebug 1.11.4
May 24th, 2013

Firebug 1.11.4 is compatible with Firefox 17-22

This version is a follow-up for 1.11.3 and fixes some reported problems.
Specifically XHR Spy works again for Firefox 17 and CSS pseudo-element
rules are now properly displayed in the Style panel.


Firebug 1.11.3
May 12th, 2013

Firebug 1.11.3 is compatible with Firefox 17-22


Firebug 1.11.2
February 25th, 2013

Firebug 1.11.2 is compatible with Firefox 17-20

The main new feature in this version is Closure Inspector. This feature
allows inspecting closure variables that are not accessible through
standard property iteration.


Firebug 1.11.1
December 13th, 2012

Firebug 1.11.1 fixes 3 issues.

    Issue 6116: undefined values are ignored in string formatting of console.log
    Issue 6119: Position of elements with `white-space: pre-wrap` isn’t displayed correctly
    Issue 6124: Firebug add a new style tag with rules like .firebugResetStyles {} indefinitely.


Firebug 1.11.0
December 7th, 2012

Firebug 1.11 is compatible with Firefox 17-20

New Features

    SPDY Support
    Performance Timing Visualization
    CSS Query Selector Tool
    New include() command
    Observing window.postMessage()
    Copy & Paste HTML
    Styled Logging
    Log Function Calls
    Improved $() and $$() commands
    Autocompletion for built-in properties


Firebug 1.10.6
November 1st, 2012

Firebug 1.10.6 is a maintenance release fixing compatibility problem
with Firefox 15. This problem caused the Start Button to disappear from
Firefox 15 toolbar.


Firebug 1.10.5
October 25th, 2012

Firebug 1.10.5 fixes 5 issues.

    Location list in the Script panel can be filtered (Issue 5963)
    Title in Firebug detached window is correct (related to Issue 5883)
    Firebug can be opened in popup windows (Issue 5949)
    First-run page is not opened till Firefox restart when Firebug is updated (Issue 5888)
    Firebug properly shows scripts coming from iframes (Issue 5978)


Firebug 1.10.4
October 9th, 2012

Firebug 1.10.4 fixes 9 issues.

    Issue 4929: Update list of inherited properties
    Issue 5783: Display of IPv6 addresses with port number is incorrect
    Issue 5859: Delete “element.style” is broken
    Issue 5883: Error “topWindow.exportFirebug is not a function” while Firebug is detached
    Issue 5946: Firebug breaks Firefox UI when disabled
    Issue 5945: Show source link for CSS errors
    Issue 5908: Link to open the complete xhr response in a new Firefox tab does not work
    Issue 5744: Radio button deselects when Firebug is open (situational)
    Issue 5905: inspector blinks


Firebug 1.10.3
September 3rd, 2012

Firebug 1.10.3 is a maintenance release fixing several minor issues and
also tested with Firefox 15


Firebug 1.10.2
August 3rd, 2012

Three issues have been fixed in this release:

    Issue 5773: Firebug no longer displays 304 Not Modified lines in NET panel
    Issue 5766: Breakpoint editor text is invisible!
    Issue 5712: Firefox crashes when trying to log XMLHTTPRequest to console


Firebug 1.10.1
August 2nd, 2012

Firebug 1.10.1 fixes 14 issues.

    The Net panel’s timeline sorting is fixed (issue 4662)
    Middle-click on an AJAX request opens it in a new tab again (issue 5341)
    Break on features doesn’t increase CPU usage (issue 5618)
    The HTML panel displays symbols for DTD entities by default (issue 5690)
    Cookie breakpoint condition editor fixed (issue 5698)
    AJAX requests can be resent again (issue 5714)
    Firebug start button is displayed even on popup windows (issue 5711)


Firebug 1.10.0
July 13th, 2012

Firebug 1.10 is compatible with Firefox 13-16

New features

    Bootstrapped Installation
    Delayed Load
    Cookies
    Command Editor Syntax Highlighting
    Autocompletion
    Trace Styles
    New Command: help
    Link to Web-font Declaration
    Support For Media Queries
    Displayed Entities Format
    Displayed Color Format
    Tooltips for Menu Items
    Support for “focus” CSS pseudo class
    HTTP Requests From BFCache
    Delete CSS Rule


Firebug 1.9.2
May 4th, 2012

This is a maintenance release that fixes several issues


Firebug 1.9.1
January 31st, 2012

This is a maintenance release coming after Firebug 1.9. Two highlights from this release:

    Workaround for a crash on Mac and Linux 32 bit running Firefox 9.
      Due to a bug in the debugger service in Firefox 9 the Script panel
      is disabled in aforementioned configurations. Using Firefox 10 is
      recommended solution for this problem.
    Firebug 1.9.1 is compatible with Firefox 12.


Firebug 1.9.0
January 6th, 2012

Feature Enhancements

    Firebug UI docking
    Copy JSON responses to the clipboard
    Syntax error position displayed
    New column in the Net panel: Protocol
    Quickly Remove Elements from the page
    Function objects: displayName property
    Every Console log has its origin info
    Resend HTTP request
    Tooltip for conditional breakpoints
    Add Watch from the DOM panel
    Response Headers from the browser cache
    Font Viewer
    Font Tooltip
    Tooltip tip for array items


Firebug 1.8.4
November 4th, 2011

Firebug 1.8.4 is just a quick compatibility update. This version is compatible with Firefox 5, 6, 7, 8 and 9


Firebug 1.8.3
September 16th, 2011

Firebug 1.8.3 fixes 7 issues since (1.8.2) and is compatible with Firefox 5, 6, 7, 8


Firebug 1.8.2
August 31st, 2011

Firebug 1.8.2 fixes 22 issues since (1.8.1) and is compatible with Firefox 5, 6 and 7 (beta)

Nodes inside the HTML panel can now be expanded/collapsed via * or the context
menu option “Expand/Contract All” excluding script, style and link tags. To
expand all nodes simply additionally press Shift.


Firebug 1.8.1
August 10th, 2011

Firebug 1.8.1 fixes 13 issues since (1.8.1b1) and is compatible with Firefox 5 and Firefox 6.

    Update notification page can now be disabled (issue 4032).


Firebug 1.8.0
July 29th, 2011

Feature Enhancements

    New console.timeStamp() method
    IP Address displayed in the Net Panel
    HTML Preview Reloaded
    Improved Script Location List
    Command Line Content Persistence across page reloads
    New DOM Panel Options
    CSS Panel Color Tooltips
    Shortcuts for Changing CSS values
    Better Support for External Editors
    Box Sizing Exposed

Internal Architecture Improved

    Better Firebug code-base organization and dependencies.
    Sharing modules (and UI!) with Firebug Lite that is running inside a web page.
    Support for restart-less Firebug installation.
    Delayed Firebug load so, it doesn’t slow down Firefox startup time.
    Better infrastructure for upcoming Firefox Electrolysis (separate processes) and remote debugging.


Firebug 1.7.3
June 20th, 2011

This release fix a security issue.


Firebug 1.7.2
June 1st, 2011

Here is a summary of fixed issues:

    Support for debugging Dojo (you need Firefox 3.6+Firebug 1.7.2 or Firefox 5.0 + Firebug 1.8, Issue 4289)
    Tooltips for function arguments in the Watch side panel (Issue 4428)
    API fixed for Firebug extension developers (Issue 4435)
    Better support for JSON responses in the Net panel (Issue 4439)
    Keyboard shortcut for the Inspector fixed (Issue 4452)


Firebug 1.7.1
May 13th, 2011

Here is a summary of fixed issues:

    When downloading huge files firebug sucks up all available memory and then crashes firefox (Issue 3123)
    Buggy autocompletion in small command line is messing with cursor placement (Issue 3709)
    A message about known issues with Firefox is gone (issue 4287)
    OS X uses appropriate icons again – not those for Windows (issue 4295)
    AJAX requests displayed in the Console show the proper line where it occured (issue 4310)


Firebug 1.7.0
March 21st, 2011

Some highlights:

    Break notification message redesign
    Only show applied styles
    Open with editor feature improved
    Support for local, session and global storage examination in the DOM and Console panels
    New API for Firebug extensions
    New Firebug start button
    Large command line has history
    CSS panel is now displaying @font-face rules.
    Pressing F1 opens a help page (Firebug UI must be opened and focused)
    Inspector improved and solid as a rock!
    Our automated testing framework improved and 150+ tests watching Firebug features


Firebug 1.6.2
February 4th, 2011

Firebug 1.6.2 fixes couple of problems.


Firebug 1.6.1
January 5th, 2011

Firebug 1.6.1 fixes problems reported for 1.6.0. Among other things the ‘Ctrl + Shift + Arrow shortcut collision’ is fixed.


Firebug 1.6.0
November 29th, 2010

We have implemented a lot of new features.


Firebug 1.5.4
April 23rd, 2010

    Issue 2788: Script panel files get truncated
    Issue 2942: Style tab loses its options
    A fix for script truncation related to break-on-error


Firebug 1.5.3
March 12th, 2010

In particular this release works around a large memory leak.


Firebug 1.5.2
February 24th, 2010

This version fixes bugs we discovered after releasing 1.5.0. Some other small improvements:

    The break on next button moved from the main toolbar to the panel toolbar.
      Physically this is not a lot of distance but it allows the button to “belong” to the panel.
    The break on next button icons now depend upon the panel, with a system of badges. Thanks jabapyth!
    Locale updates for uk-UA, hy-AM, hu-HU, cs-CZ.


Firebug 1.5.1
February 18th, 2010

Firebug 1.5.1 fixes couple of problems.


Firebug 1.5.0
January 15th, 2010

Among the major enhancements:

    Mike Radcliffe’s Inspector. A key feature, now solid as a rock,
    Jan ‘Honza’ Odvarko’s expanded and refined Net panel, with accurate timings,
    Steve Roussey’s reworking of HTML editing and entity support,
    Kevin Decker’s CSS and Style side panel improvements,
    Support for dynamic, graphical breakpoints through out Firebug.
    Tested support for the soon-to-be-released Firefox 3.6


Firebug 1.4.3
September 8th, 2009

This release fixes one major bug in activation: sometimes Firebug will
fail to remember a site should be open or it will fail to remember a
site should be closed.


Firebug 1.4.2
July 30th, 2009

Bug fixed:

    Issue 2114: E4X objects can no longer be inspected in 1.4.0
    a11y (Accessibiltiy) support for panel search in CSS, DOM and script panels
    Issue 2105: POST Data not fully viewable if a parameter string is wider the the screen
    Issue 2101: right click copy/paste
    Update locale cs-CZ, ja-JP
    New locale uk-UA (Ukrainian)


Firebug 1.4.1
July 27th, 2009

Bug fix release


Firebug 1.4.0
July 15th, 2009

    Curtis Bartley’s Tabs-on-top UI
    Han Hillen’s Accessibility and Key Rebinding,
    Kevin Decker’s multi panel search
    Jan ‘Honza’ Odvarko’s continually amazing Net panel.
    Simplified panel enablement, minimize controls,  and site activation,
    Break on next, and performance improvements for the Script panel
    Over 150 bug reports fixed


Firebug 1.3.3
February 16th, 2009

Bug fix release


Firebug 1.3.2
February 6th, 2009

Change the minVersion requirement to Firefox 3.0.


Firebug 1.3.1
February 6th, 2009

Fixes for the Firebug’s activation, several fixes for the command line, as well as file locking and net panel fixes.


Firebug 1.3.0
January 12th, 2009

Solve unfortunate “double load” problem.
