Hartmut Birkholz - Webdesign

Diese Seite schaut viel besser in einem Browser aus, der Web-Standards unterstützt, die Seite ist aber für jeden Browser geeignet. Trotzdem empfehle ich den Download z.B. des Firefox, Opera oder Internet Explorers.

Debugger

Der Debugger ist ein mächtiges Werkzeug, mit dessen Hilfe man als Programmierer Fehler lokalisieren kann.

Eine klare Empfehlung ist Venkman, ein Plugin für den Firefox. Nach seiner Installation ist es unter "Extras > JavaScript Debugger" zu finden.

Wichtig ist zu wissen, dass mit einem Debugger Haltepunkte gesetzt werden können und man Variablen in ihrem Wert beobachten und schrittweise durch das Programm gehen kann.

Kleines Beispiel

An die Stelle, an man den Fehler vermutet, setzt man im Debugger eine Markierung ("Future Breakpoint"). Das macht man am einfachsten durch einen Klick in den grauen Bereich neben den Zeilenspalten.

Danach überprüft man, ob unter "Debug >Error Trigger" der Eintrag "Stop for Errors" ausgewählt wurde.

Anschließend wechselt man zurück zum Browser und macht einen Reload (Taste F5).
Der Debugger hält bei einem möglichen Fehler das Skript an und bei einem Klick auf die entsprechende Stelle erscheint ein "B" (Breakpoint).
Dann das Debuggen fortsetzen und wieder einen Reload machen. Daraufhin wird in der Zeile, in der sich der Fehler befindet, ein "echter" Breakpoint gesetzt.

Unter der Menüleiste befinden sich drei Schaltflächen:

  • Step Over: Damit geht man über den Funktionsaufruf hinweg.
  • Step Into: Damit geht man in den Funktionsaufruf hinein.
  • Step Out: Man springt aus der aktuell aufgerufenen Funktion hinaus.

Das Registerblatt Watches kann mit der rechten Maustaste angewählt werden. Ein Klick auf z.B. "Add Watch Expression" ermittelt den Wert einer Variablen zu einer bestimmten Zeit.

<-- Fehlersuche DOM -->