The beta of Firebug 1.0 has been released and comes with some amazingly useful features. For those unfamiliar with this Firefox extension, Firebug provides a wealth of tools for developers to debug, monitor or edit portions of a site. Portions of it overlap the Web Developer’s toolbar, and in several cases, Firebug surpasses it hands down. Some of the features include:
- Inspect & edit HTML & CSS within the browser to see how changes will impact the current page.
- Visualize CSS metrics, including box model shading, measurements for each edge of a box (and the ability to edit those measurements in-line) , rulers and guides
- Monitor network activity to see why a page takes too long to load, broken down by type. You can also see which items are cached or not and examine HTTP headers and XMLHTTP Requests.
- Explore the DOM and edit as you go (including auto-complete) with handy JS code navigation.
- Vastly improved error handling and details.
This extension will actually reduce the need for several others you may have installed.