Einführung JS

Einführung JS

11.02.2016 Sd 1

Aufruf Debugger (firefox, chrome)

Nach Aufruf einer HTML-Seite mit JavaScript: rechte

Maustaste => Element untersuchen

Beschreibung des Debuggers von firefox unter

https://developer.mozilla.org/de/docs/Tools/Debugger

oder einfach mit F12

Einführung JS Debugger Oberfläche

Dateien

JS-Prozeduren

JS-Code Konsole für Fehler-

Meldungen und Angabe der

Zeilennummer des Fehlers

Hier kann man zeilenweise durch das Programm gehen

Hier kann man Zur Laufzeit die

Veränderung einzelner Variablen des Programms Beobachten (und auch Ändern)

Einführung JS

11.02.2016 Sd 3

Schrittweises Debuggen & Variable & Breakpoints

Man kann auch

Breakpoints (Haltepunkte) setzen

Hier kann man den Inhalt

von Variablen (z.B. auslaender, einheimische beobachten,

aber auch ändern Schrittweises

Debuggen

Einführung JS

Variable (z.B. jahre, einheimische, auslaender) kann man zur Laufzeit des Programms beobachten (d.h. die

jeweiligen Inhalte sehen, watchpoints setzen), wenn man sie entweder rechts oben (Zu beobachtenden Ausdruck hinzufügen) direkt eingibt oder im Quelltext mit der Maus auf eine Variable (hier einheimische) zeigt. Dann wird ein kleines Fenster geöffnet (1000, Beobachten). In dem man auf Beobachten klickt, wird die Variable oben rechts eingefügt

Einführung JS

11.02.2016 Sd 5

console.log()

Statt mit document.write(xxx) oder alert(xxx) kann man sich Inhalte von Variablen gezielt auch über die Console des Debuggers unter Verwendung der Funktion console.log(xxx) ansehen.

console.log("zahl: ", zahl, "z: ", z);

chrome

firefox