What is firebug you ask? It really might turn out to be the best web development extension for Firefox ever made. This is a must have that no Web developer should do without. I’m serious – you need Firebug. Since I have been more active on the web development scene, I have used only two tools to create, interrogate and fix web sites. Firefox and it’s Web Developer extension, and UltraEdit, the king of all text editors (in my humble opinion.) Occasionally I will use TopStyle to more in depth css design, but after my most recent rebuild I have not installed it and have never missed it.
Firebug lets you view and edit the HTML and CSS of any page. It tells you exactly which CSS rules affect the styling of the element you select in the style inspector – not only which rules affect it directly but also which rules it inherits properties from. It lets you edit anything and toggle CSS on and off, with the results immediately showing on the page. It allows you to actually view the javascript that is loaded via an server side include, which the Web developer extention do not do.
That is only a very small portion of what this extension can do, and it is pretty much the best tool I have ever used. Given the fact that I have really only been playing with it for a few weeks and I’ve really barely touched the full capabilities of what it can do. Oh did I mention it is FREE?
Go get it and let me know what you think…
Get Firebug: http://www.getfirebug.com/