Development:Firebug

What is Firebug?

Firebug is an add-on for the Firefox web browser. Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page...

Is Firebug only for Firefox?

The add-on will only work in Firefox, but there is also a JavaScript based Firebug Lite version for use with Internet Explorer (IE), Opera, and Safari.

Where can I get Firebug?

• http://getfirebug.com
• https://addons.mozilla.org/en-US/firefox/addon/1843

Tutorials

• Build Better Pages With Firebug

• Firebug Tutorial - Logging, Profiling and CommandLine (Part 1)

• And for those of us who prefer viewing to reading, there's a bunch of tutorial videos on YouTube

Further enhancements

There are some enhancements to make Firebug even more powerful.

• See the complete list of Firebug related add-ons.
• Mehr Power für Firebug is an article written in German, but you can just follow the links to the Firefox add-on page.

Here are some of those enhancements:

FirePHP

FirePHP enables you to log to your Firebug Console using a simple PHP method call.
There's a FirePHP plugin for Moodle in the works.

FireRainbow

FireRainbow (formerly Rainbow for Firebug) - provides JavaScript syntax highlighting for Firebug 1.3.

CodeBurner

CodeBurner - a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS.