Simplify Debugging With Firebug Lite

December 3rd, 2007 Posted by Don Albrecht

Firebug Lite in Safari Most of us are familiar with Firebug, the powerful & straightforward debugging extension for firefox. You may not be familiar with it’s little brother, Firebug lite.

Firebug lite is exactly as it sounds, a light-weight firebug console for any browser. Simply include the firebug script tag in any page and you’re console.log(); operations will work on any browser (IE, Safari, Firefox & More). What’s more, if Firebug is installed in Firefox, it logs to the full Firebug console. You can pull up the console by hitting F12 or CTRL + SHIFT + L at any time.

Don’t want to bother with hitting F12 every time you reload? Just attach a debug=”true” attribute to the html element (<html debug=”true”> ).

But wait, There’s more.

Firebug Lite has an even littler sibling called Firebugx. Replace the call to firebug.js with a call to firebugx.js and you neutralize any console calls in your code without having to hunt them down or find / replace. Something that would have saved me a whole heap of trouble with the last BLT deployment.

Download Firebug Lite at:

http://www.getfirebug.com/lite.html