Firefox Extension: FireBug

I’ve recently started working with a lot of JavaScript and CSS and trying to basically follow a complex solution to simplify my life (does that make sense?)

One of the tools which I’ve found to be absolutely invaluable for this is a free Firefox extension called “FireBug”.

You can do everything from DOM inspection to viewing a live JS console, CSS inspection, etc. And of course, the price is right too!

I’ve been using it with the Yahoo! UI library on the front-end UI driven on the back end by Perl/Mod Perl (perlrun) w/Template Toolkit. Not the easiest environment to debug, but this makes it a whole lot easier. Try <script> console.log(“message”); </script> or, if you’re using the Yahoo toolkit -> <script> YAHOO.log(“message”); </script>.

FireBug is available from Mozilla.org at https://addons.mozilla.org/firefox/1843/

Install, develop, be happy.

Until next time…
Trevor

My Rating: 4/5 (will probably call this one a 5/5 once I learn more about how to use it!)