View source for 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...

== Where can I get Firebug? ==

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

== Tutorials ==
* [http://www.webmonkey.com/tutorial/Build_Better_Pages_With_Firebug Build Better Pages With Firebug]

* [http://michaelsync.net/2007/09/09/firebug-tutorial-logging-profiling-and-commandline-part-i 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 [http://www.youtube.com/watch?v=FsX6qwQqGgQ YouTube]

== Further enhancements ==
* Some enhancements to make Firebug even more powerful: [http://www.drweb.de/magazin/mehr-power-fur-firebug/ Mehr Power für Firebug] (list of 10 enhancements, in German, but you can follow the links). Here are some of them:

=== FirePHP ===
[http://www.firephp.org/ FirePHP] enables you to log to your Firebug Console using a simple PHP method call. <br />
There's a [http://moodle.org/mod/forum/discuss.php?d=119961 FirePHP plugin for Moodle] in the works.

=== FireRainbow ===
[https://addons.mozilla.org/en-US/firefox/addon/9603 FireRainbow] (formerly ''Rainbow for Firebug'') - provides JavaScript syntax highlighting for Firebug 1.3.

=== CodeBurner ===
[https://addons.mozilla.org/en-US/firefox/addon/10273 CodeBurner] - a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS. 

{{CategoryDeveloper}}
[[Category:Developer tools|Firebug]]
[[Category:Firefox extensions|Firebug]]