Firebug for Web Development
Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
Firebug Extension for Firefox
One of the main reasons for me to use Firefox over Chrome is for the extensions. Normally I am all about speed and would be running Chrome all day,except I am just too used to using my Firefox extensions, in particular Firebug.
There are many reasons to use Firebug, but for me the main reason is to debug the code on my website. I try to keep my code valid and clean, when possible. But, with WordPress plugins there is a lot of code that gets inserted into your pages while they are loading, give us little control. But thanks to Firebug I can check out the code that was inserted, and find out which ID’s and Classes they are so that I can change their appearance using CSS or jQuery.
Firebug even allows you to see any data that you are passing through forms, so you can check to make sure your data is being sent properly. No web developer should be without this extension.
