1. Heim
  2. JavaScript-Debugging

Das beste JavaScript-Debugging-Tutorial im Jahr 2024. In diesem Tutorial können Sie JavaScript-Debugging,JavaScript Debugging-Tools,console.log () -Methode,Beispiele,Legen Sie einen Haltepunkt,Debugger Schlüsselwort,Beispiele,Die wichtigsten Browser Debugging-Tools,Chrome-Browser,Firefox-Browser,Internet Explorer Browser.,Oper,Safari, lernen

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.

Hot Tutorials

Kontaktiere uns

JavaScript-Debugging
10/30