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:
- 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.
Jan Honza Odvarko (Firebug Working Group)
Joe Walker (Firefox Developer Tools)