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.

 

firebug111

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.

 

Banner


pg_parquet - Postgres To Parquet Interoperability
28/11/2024

pg_parquet is a new extension by Crunchy Data that allows a PostgreSQL instance to work with Parquet files. With pg_duckdb, pg_analytics and pg_mooncake all of which can access Parquet files, is  [ ... ]



Firefox 1.0 Released 20 Years Ago
10/11/2024

A news item with the headline "Firefox browser takes on Microsoft" from 20 years ago has attracted renewed attention. It was originally published on the BBC News website on November 9th, 2004 rec [ ... ]


More News

 

espbook

 

Comments




or email your comment to: comments@i-programmer.info

Last Updated ( Thursday, 12 June 2014 )