I installed the Firebug extension yesterday after a lot of us heard about it from Srimanth at work. Like the web developer extension, this one is very good too.
All of the tools you need to poke, prod, and monitor your JavaScript, CSS, HTML and Ajax are brought together into one seamless experience, including a debugger, an error console, command line, and a variety of fun inspectors.
FireBug’s features include:
- JavaScript debugger for stepping through code one line at a time
- Status bar icon shows you when there is an error in a web page
- A console that shows errors from JavaScript and CSS
- Log messages from JavaScript in your web page to the console (bye bye “alert debugging”)
- An JavaScript command line (no more “javascript:” in the URL bar)
- Spy on XMLHttpRequest traffic
- Inspect HTML source, computed style, events, layout and the DOM
Download the Firebug extension here: Firefox add-on: Firebug