Ajax Bestiary: A Javascript Field Guide
 
Ajax Bestiary: A Javascript Field Guide
 
 

Expand your debugging aresnal with pi.debugger

Posted by Don Albrecht

pi.debugger is a new debug console that acts as a graceful counterpart to firebug.  I’ve  and Firebug is an awesome tool for debugging, hands down.  Unfortunately, it is Firefox specific and has to be installed on the clients machine.

Firebug lite is great, but it is extremely limited and provides little more than a logging console.  pi.debugger sits somewhere in between.  It’s not as full featured as firebug, but it does provide the ever useful evaluation console as well as a DOM browser.

Check it out here:

http://code.google.com/p/pi-js/

And test drive it here:

http://kodfabrik.com/app/pi.debugger/

Simplify Debugging With Firebug Lite

Posted by Don Albrecht

Firebug Lite in SafariMost 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 

Streamline Your Code - Test - Debug Cycle with Fireclipse

Posted by Don Albrecht

Although there are some comments that it may not be ready for Prime Time.  Fireclipse may be the tool you need to supercharge your development cycle.

 What it is

An Eclipse Plugin & Expanded version of Firebug.

The Expanded Firebug provides an Eclipse Tab within the browser environment.  The Eclipse plugin integrates the Firebug console into eclipse.

Get it Online Here: http://www.almaden.ibm.com/u/bartonjj/fireclipse/index.html