FireFox Add-On worth trying - FireBug

For the last few months I have been wishing that the PC version of Safari had the same full robust HTML and CSS debugging tools as the mac counterpart. Well, I have just found in the last week a tool that should make any Mac Safari user quite envious.

The tool's name is FireBug.

What is great about it? Here is a very short list:

• JavaScript Error Console


• JavaScript profiler


• View source code for HTML, CSS, JavaScript, Images, etc...


• HTML Source hover-highlighting


• Select an DOM element, and it can show the CSS styles that contribute to it, the Box model layout, and DOM hooks


• Dynamically modify CSS elements without modifying any source code or reloading the page to see the results


• Set JavaScript breakpoints for debugging


• See Network performance stats on object/page loads


• Review dynamic AJax calls: parms, headers, and response

This is a really useful tool. If you spend any time in HTML, JavaScript, CSS, this tool is well worth looking in to. I don't think many would be disappointed.

References
FireBug's Website