You can input the new code in Firebug and immediately see how it will affect the page you're working on.ĭespite being an add-on itself, Firebug is meaty enough to support its own add-ons, expanding its functionality - providing information specific to a package such as Drupal, for example, or adding reference materials.Īs well as being a development tool, Firebug can also enhance your understanding of web programming by allowing you to view the code of any exiting website in detail. Testing different rules no longer involves laboriously changing code in an editor, uploading it to your web space and refreshing the page every time you want to try something out. Firebug lets you see at a glance which rules of CSS apply to a particular element. The add-on comes into its own with CSS in particular. It also allows you to view HTML, CSS, and JavaScript components of your web page, so if something isn't displaying properly - an element is in the wrong place, text doesn't appear the way you expect, or a piece of JavaScript doesn't do what it's supposed to - it's much easier to work out what's gone wrong and fix it. You can open Firebug in a separate window, or as a bar at the bottom of your browser, and also configure a blacklist of sites that you'd like it to exclude.įor any developer who has been driven mad by debugging, FireBug provides an ultra quick, easy and headache-free way of developing your code.Aimed at web developers, Firebug lets you examine and edit the code of your web pages in your browser window. Just open the FireBug panel and you'll see exactly what the problem is - no more scouring through reams of script in the JavaScript Console window.

Particularly handy is the FireBug icon in the Firefox status bar which tells you instantly if your page is broken. The debugger sets breakpoints in your scripts and examines every step of execution in real time.

Firebug download for firefox 12