Book nowModern Universal React with Next.js
Stop worrying about configuration, and complex codebases: Next.js makes SSR with React easy. Book your masterclass today.
The most significant upgrade to Firebug for me, is the HTML + Style tabs. I can 'inspect' the page, and once I select Firebug will highlight the element and all the style associated - including the inherited style (and where it was inherited from). From there, I can edit, add or disable style to debug the layout of the page.
Another new (and important to me) upgrade is the 'Net' tab. This will time the load times for all aspects of the page. Good for killing images that slow the page down. Too often are we now assuming it's okay for a 100k image to live on the page because users have broadband.
Finally, the Firebug Lite application. I've given it a brief test in Safari, but I wasn't particularly impressed. This maybe because it's such a powerful tool in Firefox, that the lite version isn't even a shadow of it's big brother. I also found that some simple, expected functionality was lacking (though this may well be a bug). I just tried to create an element, var d = document.createElement("DIV") - but it returned undefined. It looks like it's mostly to avoid the console.log() causing an error on the page.
So all in all, thumbs up for Firebug 1.0 beta.