
While Firebug focuses on JavaScript performance and provides detailed information about JavaScript function calls during the profiling session, the Performance Tool in the DevTools offers a broad spectrum of information regarding a website's performance but doesn't go into detail regarding JavaScript function calls.

This is the part where Firebug and the DevTools differ the most, because the outputs are completely different. it also provides information about HTML parsing or layout. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. And wait until installation box appears then Install it. Browse and choose your Firebug extension file. There is gears button at the right top of the Add-ons page, clik and choose Install Add-on from file.
#HOW TO INSTALL FIREBUG FOR FIREFOX DOWNLOAD#
We fought the good fight and changed how developers inspect HTML and debug JS in the browser. The second way to install Firebug extension into your Firefox browser is : Open your Firefox browser. Use Firefox browser to access the address above to download, open the page, click on the download button, there will be a pop. The output of the Call Tree is the one that comes nearest to the output in Firebug, but the Performance panel provides much more information than just the JavaScript performance. The story of Firefox and Firebug are synonymous with the rise of the web. A profile can be created via console.profile() and console.profileEnd() like in Firebug or via the "Start Recording Performance" button in the Performance Tool.

The DevTools provide advanced tooling regarding performance profiling. Firebug allows to profile JavaScript performance via the "Profile" button within the Console panel or the console.profile() and console.profileEnd() commands.
