Ich verwende ja schon seit längerem für die Entwicklung die Firefox FireBug Erweiterung und kann dieses Tool für jeden Web Entwickler nur sehr empfehlen.

Zu den Features gehörte bisher unter anderem das Logging mit dem neben JavaScript Warnings/Fehlern auch CSS Fehler und XMLHttpRequest Anfragen in der Konsole verfolgt werden können und der Inspector, mit dem sich jedes beliebige Dom Objekt mit einem Mausklick inspizieren lässt.

Vor einiger Zeit hat Joe Hewitt schon in seinem Artikel “Goodby Venkman, Hello FireBug” darauf hingewiesen, dass JavaScript Debugging nun bald auch möglich sein soll. Jetzt ist es endlich soweit. FireBug 0.4 ist seit heute verfügbar und bringt einige sehr schöne neue Funktionen mit.

Eine ist die eben schon erwähnte JavaScript Debugging Funktion. Es ist nun möglich an einer beliebigen Stelle im JavaScript Code Breakpoints zu setzen und die Zeilen einzeln durch zu gehen. Zusätzlich können lokale Variablen und der Call Stack angesehen werden. Sehr schön ist auch, dass man Einstellen kann ob der Debugger bei auftretenden Fehlern anhalten soll. Somit ist es möglich direkt bei einem auftretenden Fehler nach der Ursache zu suchen. Dieses Feature könnte die Arbeit mit JavaScript doch sehr erleichtern.

Ein weiteres sehr schönes Feature ist das Logging. FireBug ermöglicht einfaches JavaScript logging in dem er auf jeder Seite ein console Objekt erzeugt. So kann man Log Ausgaben durch das Aufrufen von console.log(“mein info text”); erzeugen. Gegenüber dem bisher häufig verwendeten Vorgehen mit der alert() Funktion ist diese Möglichkeit doch schon eine große Erleichterung ;).

Neben der einfachen Ausgabe mit console.log() stehen auch Funktionen für eine direkte Klassifizierung mit Log Levels der Meldung zur Verfügung: console.debug(), console.info(), console.warn() und console.error(). Auch Assertions wie z.b. console.assertEquals() oder console.assertTrue()sind nun möglich. Alle vorhandenen Funktionen werden in der Dokumentation aufgelistet und kurz erläutert.
Erwähnenswert ist auch noch, dass Funktionen für die Command Line für den User zur Verfügung stehen. Es können somit on the fly JavaScript Variablen für die aktuelle Seite erstellt oder Element ausgelesen werden. Die neuen Funktionen und Erweiterungen können auch noch einmal in den Release Notes nachgelesen werden.

FireBug ist jedenfalls sehr nützlich und kann nur empfohlen werden, denn es erleichtert die Entwicklung von Web Anwendungen doch sehr. Also nix wie hin und installieren: getfirebug.com