Inspect
Pinpoint an element in a webpage with ease and precision.
Log
Send messages to the console direct from your webpage through Javascript.
Profile
Measure your Javascript performance in the Console's Profiler.
Debug
Step-by-step interactive debugging in a visual environment.
Analyze
Look at detailed measurements of your site's network activity.
Layout
Tweak and position HTML elements with CSS and the Layout panels.

Recent news

Firebug 2.0.17

The Firebug team released Firebug 2.0.17. This is a maintenance release ensuring compatibility with latest Firefox releases.

 

The beta channel on AMO is also updated.

 
Firebug 2.0.17 is compatible with Firefox 30 – 49

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

 

Finally, read more about Unifying Firebug & Firefox DevTools.

 

Please post feedback in the newsgroup, thanks.

Jan ‘Honza’ Odvarko

 

Unifying Firebug & Firefox DevTools

We have been working to unify Firefox Developer tools and Firebug for some time. From Firefox 49, we’ll be shipping Firebug.next built-in.

For Firebug users this means many new features with the look and feel that you’re familiar with.

 

New features for Firebug users:

  • Performance Panel – The Performance tool gives you insight into your site’s general responsiveness, JavaScript and layout performance.
  • Memory Panel – The Memory tool lets you take a snapshot of the current tab’s memory heap.
  • Web Audio Editor, Shader Editor and Canvas – Developer Tools for debugging media-rich content on the web.
  • Storage Inspector – The Storage Inspector enables you to inspect various types of storage that a web page can use (cache, cookies, local & session storage, indexedDB).
  • Responsive Design Mode – Responsive Design Mode makes it easy to see how your website or web app will look on different screen sizes.
  • Animation Inspector – The Animation Inspector displays animations in the page synchronized along a timeline, with a draggable widget you can use to move to any point in the timeline and see the page at that point.
  • And more…

 

If you use the built-in Firefox Developer Tools, rather than Firebug, then you may like the DOM Panel and Firebug Theme that we’ve added in this merge.

 

In addition we’ve ported some common Firebug extensions (PixelPerfect, FireQuery and HARExportTrigger formerly NetExport). And while we’re at it, you might like our new WebSocket Monitor extension.

What about Firebug 2

Firebug 2 doesn’t work in multi-process browsers (i.e. e10s) and converting it is too complex, so it will stop working when e10s is activated in Firefox. You will be able to disable e10s for a while to keep using Firebug 2, but this won’t last forever.

 

Happy debugging!

 

Jan Honza Odvarko (Firebug Working Group)
and
Joe Walker (Firefox Developer Tools)

Firebug 2.0.16

The Firebug team released Firebug 2.0.16. This is a maintenance release ensuring compatibility with latest Firefox releases.

 

The beta channel on AMO is also updated.

 
Firebug 2.0.16 is compatible with Firefox 30 – 48

Firebug 2.0.16 fixes the following issue: 8004.

 

Please post feedback in the newsgroup, thanks.

Jan ‘Honza’ Odvarko

 

Read more blog posts on the Firebug weblog »