Neueste Web-Entwicklung Tutorials
 

JavaScript Fehlerbeseitigung

❮ Zurück Weiter Kapitel ❯

Es ist leicht, ohne einen Debugger JavaScript-Code verloren zu schreiben.

JavaScript Debugging

Es ist schwierig, den JavaScript-Code, ohne einen Debugger zu schreiben.

Der Code enthält möglicherweise Syntaxfehler oder logische Fehler, die schwer zu diagnostizieren.

Oft, wenn JavaScript-Code Fehler enthält, wird nichts passieren. Es gibt keine Fehlermeldungen, und Sie werden keine Hinweise erhalten, wo nach Fehlern zu suchen.

Normalerweise werden Fehler passieren, versuchen, jedes Mal, wenn Sie eine neue JavaScript-Code zu schreiben.

JavaScript Debuggers

Die Suche nach Fehlern im Programmcode wird Code-Debugging bezeichnet.

Debugging ist nicht einfach. Aber zum Glück alle modernen Browser haben einen integrierten Debugger.

Einbau-Debugger kann ein- und ausgeschaltet werden, Fehler zwingt den Benutzer gemeldet werden.

Mit einem Debugger können Sie auch Haltepunkte (Orte, an denen die Ausführung von Code gestoppt werden kann), und Variablen untersuchen, während der Code ausgeführt wird.

Normalerweise folgen ansonsten die Schritte am Ende der Seite, aktivieren Sie das Debuggen in Ihrem Browser mit der F12-Taste und "Console" im Debugger-Menü auswählen.

Die console.log() Methode

Falls Ihr Browser Debugging unterstützt, können Sie verwenden console.log() JavaScript - Werte im Debugger - Fenster anzuzeigen:

Beispiel

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

</body>
</html>
Versuch es selber "

Haltepunkte setzen

Im Debugger-Fenster können Sie Punkte in der JavaScript-Code festgelegt.

An jedem Haltepunkt wird JavaScript stoppen ausgeführt wird, und lassen Sie JavaScript Werte untersuchen.

Nach Werte untersuchen, können Sie die Ausführung von Code wieder aufnehmen (in der Regel mit einem Play-Taste).

Der Debugger Schlüsselwort

Der Debugger Schlüsselwort stoppt die Ausführung von JavaScript und Anrufe (falls vorhanden) , um die Debug - Funktion.

Dies hat die gleiche Funktion wie einen Haltepunkt im Debugger setzen.

Wenn kein Debugging zur Verfügung steht, hat der Debugger-Anweisung keine Wirkung.

Mit der Debugger eingeschaltet, wird dieser Code ausgeführt stoppen, bevor es die dritte Zeile ausführt.

Beispiel

var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;
Versuch es selber "

Gängigen Browsern 'Debugging Tools

Normalerweise aktivieren Sie das Debuggen in Ihrem Browser mit F12 und "Console" im Debugger-Menü auswählen.

Ansonsten folgen Sie diesen Schritten:

Chrome

  • Öffnen Sie den Browser.
  • Aus dem Menü wählen Sie Tools.
  • Von Werkzeugen wählen Entwickler-Tools.
  • Schließlich wählen Sie Console.

Firefox Firebug

  • Öffnen Sie den Browser.
  • Gehen Sie auf die Webseite:
    http://www.getfirebug.com
  • Folgen Sie den Anweisungen, wie Sie:
    installieren Firebug

Internet Explorer

  • Öffnen Sie den Browser.
  • Aus dem Menü wählen Sie Tools.
  • Von Werkzeugen wählen Entwickler-Tools.
  • Schließlich wählen Sie Console.

Opera

  • Öffnen Sie den Browser.
  • Gehen Sie auf die Webseite:
    http://dev.opera.com
  • Folgen Sie den Anweisungen, wie Sie:
    eine Entwicklerkonsole Schaltfläche, um Ihre Symbolleiste hinzuzufügen.

Safari Firebug

  • Öffnen Sie den Browser.
  • Gehen Sie auf die Webseite:
    http://extensions.apple.com
  • Folgen Sie den Anweisungen, wie Sie:
    Firebug Lite installieren.

Safari Develop Menu

  • Gehen Sie auf Safari, Einstellungen, Erweitert im Hauptmenü.
  • Überprüfen Sie "Enable anzeigen Entwickeln Sie in der Menüleiste".
  • Wenn die neue Option "Entwickeln" erscheint im Menü:
    Wählen Sie "Show Error Console".

Wusstest du schon?

Debugging ist der Prozess der Prüfung, zu finden und Bugs (Fehler) in Computerprogrammen zu reduzieren.
Der erste bekannte Computer-Bug war ein echter Fehler in der Elektronik stecken (ein Insekt).


❮ Zurück Weiter Kapitel ❯