FireBug - Good helping tool!!!

FireBug - Tool for web development!!!

It allows you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page!!!!

The main advantages of using Firebug for a web developer include

1. Inspect & edit HTML
2. Tweak CSS to perfection
3. Visualize CSS metrics
4. Monitor network activity
5. Debug & profile Javascript
6. Quickly find errors
7. Explore the DOM
8. Execute Javascript on the fly
9. Logging for Javascript

If u would like to install Firebug and start using it click here.

Firebug is free and is open source, and Jamey Boje is the one who designed Firebug Logo.

Here is the interesting tip for IE or Opera Users:

Firebug is an extension for Firefox, but what happens when you need to test your pages in Internet Explorer, Opera, and Safari? If you are using console.log() to write to Firebug's console, you'll wind up with JavaScript errors in these other browsers, and that's no fun.

The solution is Firebug Lite, a JavaScript file you can insert into your pages to simulate the Firebug console in browsers that are not named "Firefox".

If you want to know more on FIrebug lite click here.