Der Funktionsumfang von Firebug ist schon beachtlich, umso erstaunlicher und erfreulicher ist die Tatsache, dass der Funktionsumfang von Firebug noch durch verschiedene Add Ons und/oder kleinerer Tricks erweitert werden kann.

Solch eine nützliche Erweiterung ist beispielsweise FirePHP - mit deren Hilfe man PHP debuggen kann. Ein weiteres AddOn genannt YSlow ist ein Firebug AddOn aus dem Hause Yahoo. Kurz zusammengefasst geht es hierbei, wie es der Name (gesprochen wie: Why Slow?) schon sagt, der Frage "Warum eine Seite so langsam ist" nach. Neben Zeitangaben zum Seitenaufbau, erhält der Entwickler detaillierte Angaben wie sich diese Zeit zusammensetzt und an welcher Stelle etwas ggf. verbessert werden kann.

Der nachfolgende Screencast als Ergebnis eines weiteren SinnerSchrader Technik Tracks beschreibt verschiedene Debugging AddOns zu Firebug.



Addons zum Debugging mit Firebug
from vimeorookie on Vimeo.

Während die Entwicklung von Javascript relativ einfach und umkompliziert
vonstattengeht, gestaltet sich das Debugging durch die limitierten
Debugging Funktionen umso schwieriger. So gab es bis vor kurzem keinen
effektiven Weg, um Debugging Nachrichten anzuzeigen bzw. auszugeben. Wenn überhaupt, dann nur in Form einer Sammlung verschiedenster Alert Fenster oder zigfacher Document.write() Befehle.

Die Lösung des Problems besteht im Einsatz eines Debuggers in Form eines Firefox Plugins, wodurch der Entwickler einen im Web Browser integrierten Debugger erhält.

Es wird also nur der Firefox Browser sowie das Firebug Plugin benötigt.

Firebug bietet eine ganze Menge an spannenden Funktionen wie z.B.
Seitenauskuft über HTML- und DOM-Elemente, das Ändern von CSS oder HTML Elementen on the 'fly', eine Konsole mit Kommandozeile und noch viele weitere Funktionen sowie eine Firefox Unabhängige Lite Version, die
auf der offiziellen Webseite näher beschrieben werden.

Der nachfolgende Screencast als Ergebnis eines SinnerSchrader Technik
Tracks beschreibt das Debugging von JavaScript mit Hilfe von Firebug.



Javascript Debugging mit Firebug from vimeorookie on Vimeo.