Dieser Artikel bezieht sich auf den Artikel Firefox Entwickler Add-ons von Nico Liss.

Die dort genannten Firefox Add-ons sind schon die empfehlenswertesten Addons für Webentwickler. Vor allem der Firebug ist wirklich gut und essentiell für die Arbeit als Webdeveloper. Es ist die bequemste Art seinen interpretierten Code im Ergebnis, also HTML, JS und CSS, zu debuggen. Durch den Inspect Button braucht man lediglich mit der Maus über eine gewünschte Stelle im Browser zu scrollen, und schon wird der Quellcode für den z. B. angewählten Div-Container angezeigt. �ber- und untergeordnetes CSS wird dabei berücksichtigt und überschriebene CSS-Werte werden durchgestrichen angezeigt, Farbwerte visualisiert und Images als Vorschau direkt im Code präsentiert.

Hier ein kleiner Screenshot von Firebug im Einsatz. Um Firebug zu starten, muss lediglich F12 gedrückt werden, und schon erscheint der Quellcode im FuÃ?bereich des Browsers. Nun drückt man auf Inspect und rollt z. B. über ein Image. Hier das Image der Gesellschaft für Informatik. Es wird die Stelle im Quellcode markiert und das Image wird in einer Vorschau angezeigt. Das ist sehr Hilfreich bei komplexen Layoutstrukturen. Man erspart sich die manuelle oder Editorbasierte Textsuche im Quellcode. Webdeveloper, die ihn noch nicht kennen, werden diese Empfehlung schätzen. Ausprobieren lohnt sich! Der Firebug kann noch viel mehr – weitere Infos zu dem Addon finden Sie unter www.getfirebug.com

Die wohl bekanntere Web Developer Erweiterung ist hier auch erwähnenswert. Sie stellt Firefox verschiedene Tools für den Webentwickler zur Verfügung. CSS Styles können vorübergehend ausgeblendet werden, Formulare inspiziert, Strukturen von Div-Container können eingeblendet werden und noch vieles mehr. Mehr Infos hierzu unter chrispederick.com/work/web-developer.

Es können auch eigene Erweiterungen entwickelt werden. Mozilla stellt hier eine Reihe von Hilfen, Tools und Dokumentationen zur Verfügung: developer.mozilla.org/en/docs/Extensions

Weitere von Mozilla empfohlene Erweiterungen: addons.mozilla.org/de/firefox/recommended