Firebug 2.0 Released
Firebug 2.0 Released
Written by Alex Armstrong   
Thursday, 12 June 2014

The new version of the open source web development tool, Firebug 2.0, has has a major facelift and is powered by a new debugging engine.

The Firefox add-in Firebug allows users to inspect HTML and modify style and layout in real-time, provides a JavaScript debugger and facilities to analyze network usage and performance.



Announcing the release of the new version, Firebug's lead developer, Jan “Honza” Odvarko, wrote:

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

Its release coincides with Firefox 30, which is a minor mainly bug fixing release, but it anticipates a major change in Firefox 31 which sees the removal of JSD1 from Firefox.

Apart from a revamped user interface that is described as "clean and more intuitive, one of the most visible new features in Firebug 2.0 is that the Script panel supports JavaScript syntax highlighting:


Syntax colouring is included  for HTML and CSS.

Another useful feature if you deal with minified JavaScript code is that the Script panel now supports pretty-printing to display long lines of code in a readable fashion.

Other improvements are that:


  • The EventBug extension for Dom Events has been integrated into the add-on.
  • The HTML panel search has been improved and now supports regular expressions and CSS selectors.
  • Code auto complete has been improved. It is available in the Command Editor within the console panel, also works in the breakpoint-condition popup dialog where it offers variables in the current scope and when editing HTML and SVG attributes
  • A new JavaScript Expressions Inspector
  • A new option in the Console panel groups logs from the same location
  • An option to inspect JavaScript function return values.
  • You can now show or hide specific Firebug 2.0 panels
  • A new Color As Authored option in the CSS panel for comparing style information with the output of the browser
  • Ability to create new HTML attributes faster
  • Ability to inspect registered mutation observers for any given element.

This video provides a walkthrough of many of the new features:



Once you install Firebug, it takes over the default Firefox Developer Tools shortcut (F12).



More Information

Firebug 2.0

Related Articles

Firebug 1.11 Released

To be informed about new articles on I Programmer, install the I Programmer Toolbar, subscribe to the RSS feed, follow us on, Twitter, Facebook, Google+ or Linkedin,  or sign up for our weekly newsletter.



Interactive Examples On MDN

If you have visited MDN web docs recently you may have noticed the addition of interactive examples. This is the result of an ongoing project that is now complete for JavaScript and CSS. 

An Update on Language Popularity - Perl is in Trouble

According to April's TIOBE Index, Python has dislodged C#, and Objective C and Perl are both in decline. SQL appears to be making a rapid rise - but that's an anomaly.

More News




or email your comment to:

Last Updated ( Thursday, 12 June 2014 )

RSS feed of news items only
I Programmer News
Copyright © 2018 All Rights Reserved.
Joomla! is Free Software released under the GNU/GPL License.