Firebug

Seems like every day there’s a cool new Firefox add-in to aid in development. The latest is Firebug. This cool utility lives in the browser’s statusbar, monitoring each page you visit for problems. It reports what you tell it to report: JavaScript exceptions, CSS errors, XML errors, and more! It even peeks in on XMLHttp requests so you can see exactly what is going to and coming back from the server. Want to learn more about a particular element? Click the Inspect Element button, click on the element in question, and FireBug provides you with its raw code, all style sheet information, and all the JavaScript properties and methods for it.

Currently, it’s only available for Firefox 1.5 and higher, so you’ll need to upgrade your browser if you haven’t already. But still, this little gem can help you with your debugging in ways you never thought possible.

Comments

  1. Kevin

    I also just found out about this extension. It looks to be about as valuable as the web developer toolbar, which I have found invaluable in my experience. Another extension I use for web design is Colorzilla. Also the DOM inspector is really helpful when dealing with miles of nested tables.

Understanding JavaScript Promises E-book Cover

Demystify JavaScript promises with the e-book that explains not just concepts, but also real-world uses of promises.

Download the Free E-book!

The community edition of Understanding JavaScript Promises is a free download that arrives in minutes.