Das Open-Source-Firefox-Add-on Firebug ist sicher eines der nützlichsten Tools bei der Entwicklung von Webseiten und für viele Webentwickler nicht mehr wegzudenken. Das Firefox-Addon überzeugt vor allem durch die Arbeit direkt im Browser und der Möglichkeit, Veränderungen am Code in Echtzeit verfolgen zu können. Doch auch Firebug kann man noch besser machen, wie das WebResourcesDepot mit der Vorstellung von 13 Add-ons für Firebug zeigt. Die interessantesten Add-ons wollen wir hier kurz zeigen.

YSlow vs Page Speed - Performance-Werkzeuge

Das Add-on Page Speed von Google hatten wir bereits ausführlicher vorgestellt. Auch Yahoo hat mit YSlow eine ganz ähnliche Erweiterung entwickelt. Beide analysieren die Performance von Webseiten und geben dem Entwickler Hinweise für Verbesserungen.

Codeburner - integrierte Referenzen

Mit Codeburner (früher unter Firescope bekannt) integriert man die HTML- und CSS-Referenzen von Sitepoint.com in Firebug. Sie lassen sich dann ganz bequem über Shortcuts abrufen.

FirePHP - Tool zur PHP-Entwicklung

Wer häufig mit PHP entwickelt, der sollte sich einmal FirePHP anschauen. Mit diesem Firebug-Add-on wird die Kontrolle über die PHP-Entwicklung direkt im Browser erleichtert. Auch das Debuggen kann damit im Browser stattfinden.

Firediff - Change Monitor

Firediff ist ein Tracking-Tool, mit dem alle Veränderungen am DOM und CSS aufgezeichnet werden, so dass man sie jederzeit nachvollziehen kann.

Firecookie - Cookie-Features

Zwar bringt Firebug schon grundlegende Features zum Umgang mit Cookies mit, doch erst Firecookie macht den Funktionsumfang komplett. Auch die Manipulation von Cookiedaten ist möglich.

PixelPerfect - Design-HTML-Abgleich

Mit PixelPerfect kann man neue Design-Elemente über ein entwickeltes HTML-Gerüst legen, um so pixelgenau Fehler aufzuspüren.

Weitere Firebug-Addons finden sich im Artikel von WebResourcesDepot. Wer noch mehr Gründe für die Nutzung von Firebug und der Add-ons braucht, sollte sich diesen Beitrag von nettuts anschauen, in dem viele nützliche Tipps und Tricks zur Verwendung von Firebug enthalten sind.