Firebug is a free web development tool that when integrated with Firefox, gives you access to a wide range of web development tools that you can use while browsing. With this tool, you can debug and edit, track CSS, JavaScript and HTML regardless which web page you are in.

Firebug can be opened with a keystroke, have it as a bar at the bottom of Firefox or opened as a separate window. No matter how you decide to open it, Firebug makes it a breeze to edit HTML. Aside from its comprehensive HTML tools, Firebug also has several CSS tabs you can use for editing and checking web styles. Unlike other web development tools, Firebug lets you make changes and see the effect instantly, taking out the guesswork.

firebug_screenshot

Firebug also makes it easy to position CSS boxes and line them, but that’s not all. One of the most common problems that web developers face is trying to figure out why web pages are taking too long to download. With Firebug you’ll have tools that will make it easy to check if you failed to compress images or there’s a problem with the script.

Firebug actually has a built-in JavaScript editor which allows you to pause the execution at any point and see what’s happening. The JavaScript profiler can also help you find the cause of the website’s slow performance and fix it. However, Firebug’s capabilities are not limited to JavaScript as you can also use it to find information and errors in XML, CSS and more. And yes, a command line is also available.


Related Links:
Download Firebug
Firebug Community
Firebug Blog