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.



Python Development Trends

Results from a Python-specific study gives insights into the Python development ecosystem and an update on the Python 3 versus Python 2 situation. It also shows marked differences  [ ... ]

Xamarin Forms 3.0 Adds Visual State Manager

There's a new version of Xamarin Forms with a Visual State Manager, Flex Layout, Style Sheets, and Right-to-Left support.

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.