Firebug: Edit, debug, and monitor CSS, HTML, and JavaScript live in any web page!
Today, I asked a co-worker whether or not it was possible to debug javascript in real-time inside the browser. I didn’t want to embed cumbersome temporary Alert()’s into the source which was already in production.
Specifically, I wanted to see how the .swf was reaching outside of the Flash Player and invoking a javascript function in the HTML source.
He led me to FireBug. I must say, this is probably one of the most impressive plugins for debugging javascript. With little guidance, I was able to setup a watch on the js function and was able to log the arguments passed to it into the console with no typing required. Point and click! I’ve never been this excited about javascript.
If you already knew about Firebug, I’m just sharing the love.
April 17th, 2007 at 8:08 pm
Also try Flashbug, which uses Flash’s externalInterface to communicate directly with Firebug. It may be of help too: http://foobr.co.uk/2007/02/debug_flash_with_firebug/