Latest web development tutorials
×

JavaScript Kurs

JavaScript Kurs JavaScript Kurze Einführung JavaScript Verwendung JavaScript Export JavaScript Grammatik JavaScript Statements JavaScript Note JavaScript Variable JavaScript Datentypen JavaScript Objekte JavaScript Funktion JavaScript Anwendungsbereich JavaScript Ereignis JavaScript Schnur JavaScript Die Betreiber JavaScript vergleichen JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Typumwandlung JavaScript Reguläre Ausdrücke JavaScript Fehler JavaScript Fehlerbeseitigung JavaScript Variable Lift JavaScript Strict-Modus JavaScript Missbrauch JavaScript Formularauthentifizierung JavaScript reservierte Schlüsselwörter JavaScript JSON JavaScript void JavaScript Code-Spezifikation

JS Funktion

JavaScript Funktionsdefinition JavaScript Funktionsargumente JavaScript Funktionsaufruf JavaScript Verschlüsse

JS HTML DOM

DOM Kurze Einführung DOM HTML DOM CSS DOM Ereignis DOM EventListener DOM Element

JS Erweiterte Tutorial

JavaScript Objekte JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Objekte

JS Browser BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript Pop JavaScript Timed Ereignis JavaScript Cookies

JS Lagerhaus

JavaScript Lagerhaus JavaScript Test jQuery JavaScript Test Prototype

JS Beispiele

JavaScript Beispiele JavaScript Object-Instanz JavaScript Browser-Objektinstanz JavaScript HTML DOM Beispiele JavaScript Zusammenfassung

JS Referenzhandbuch

JavaScript Objekte HTML DOM Objekte

JavaScript-Debugging

Wenn JavaScript zu schreiben, ist, wenn kein Debugging-Tool eine sehr schmerzhafte Sache.


JavaScript-Debugging

Debugging-Tools sind nicht schwer JavaScript-Programme zu schreiben.

Code könnte Syntaxfehler, logische Fehler enthalten, wenn keine Debugging-Tools, diese Fehler sind schwieriger zu finden.

Normalerweise, wenn der Fehler JavaScript auftritt, wird es keine Aufforderung sein, so dass Sie nicht den Code falschen Stelle zu finden.

Note Normalerweise schreiben Sie einen Fehler in einem neuen JavaScript-Code-Prozess auftritt.

JavaScript Debugging-Tools

Suche nach dem Fehler im Programmcode wird das Debuggen genannt.

Debuggen schwierig, aber zum Glück haben viele Browser Debugging-Tools-in gebaut.

Built-in-Debugging-Tools gestartet werden kann oder heruntergefahren wird, wird eine ernsthafte Fehlermeldung an den Benutzer gesendet werden.

Mit Debugging-Tools, können wir einen Haltepunkt setzen (Position der Codeausführung stoppen), und erfassen kann, wenn eine variable Codeausführung.

Fähigen Browser Debugging-Tools sind in der Regel die F12-Taste drücken, und wählen Sie die "Console" in dem Debug-Menü.


console.log () -Methode

Wenn der Browser-Debugging unterstützt, können Sie console.log () -Methode druckt JavaScript-Wert auf dem Debug-Fenster verwenden:

Beispiele

<! DOCTYPE html>
<Html>
<Body>

<H1> My First Web-Seite </ h1>

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

</ Body>
</ Html>

Versuchen »


Legen Sie einen Haltepunkt

Im Debug-Fenster können Sie Grenzwerte JavaScript-Code festgelegt.

An jedem Haltepunkt wird die Ausführung von JavaScript-Code zu stoppen, den Wert der Variablen in JavaScript uns zu überprüfen.

Nach Abschluss der Kontrolle ist, können Sie den Code (wie zB die Play-Taste) erneut ausführen.


Debugger Schlüsselwort

Debugger Stichwort Ausführung von JavaScript zu stoppen, und die Debugger - Funktionen aufrufen.

Dieses Schlüsselwort und einen Haltepunkt in der Debugging-Tool, ist der Effekt der gleiche.

Wenn es keine Debug verfügbar ist, wird Debugger-Anweisung nicht.

Öffnen Debugger, Code-Ausführung wird vor der dritten Zeile gestoppt.

Beispiele

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

Versuchen »


Die wichtigsten Browser Debugging-Tools

Typischerweise ermöglichen Browser Debugging-Tools drücken generell die F12-Taste und wählen Sie die "Console" in dem Debug-Menü.

Jeder Browser, gehen Sie folgendermaßen vor:

Chrome-Browser

  • Öffnen Sie Ihren Browser.
  • Wählen Sie Extras im Menü.
  • Wählen Sie Tools Developer Tools.
  • Schließlich wählen Sie Console.

Firefox-Browser

  • Öffnen Sie Ihren Browser.
  • Besuchen Sie die Seite:
    http://www.getfirebug.com.
  • Folgen Sie den Anweisungen:
    Installieren Sie Firebug.

Internet Explorer Browser.

  • Öffnen Sie Ihren Browser.
  • Wählen Sie Extras im Menü.
  • Wählen Sie Tools Developer Tools.
  • Schließlich wählen Sie Console.

Oper

  • Öffnen Sie Ihren Browser.
  • Opera-interne Debugging Tools für die Libelle, eine detaillierte Beschreibung finden Sie auf Seite besucht zu finden:
    http://www.opera.com/dragonfly/.

Safari

  • Öffnen Sie Ihren Browser.
  • Rechte Maustaste und wählen Sie Element untersuchen.
  • Wählen Sie "Systemsteuerung" am unteren Rand des Pop-up-Fenster.