Um den Debug-Modus in JavaScript zu verwenden, können Sie die Konsole von Entwicklertools wie Google Chrome, Firefox oder Safari verwenden. Hier sind einige Schritte, um dies zu tun:
1. Setzen Sie Breakpoints im Code:
Suchen Sie den Abschnitt des Codes, den Sie debuggen möchten, und setzen Sie dort einen Breakpoint. Dies können Sie tun, indem Sie in der Zeilennummerleiste (links) auf eine Nummer klicken. Ein blauer Punkt erscheint, um anzuzeigen, dass ein Breakpoint gesetzt wurde.2. Überprüfen Sie die Variablenwerte:
Wenn der Code an einem Breakpoint angehalten wird, können Sie die aktuellen Werte der Variablen überprüfen. Diese Werte werden im Bereich “Scope” auf der rechten Seite angezeigt.3. Step through the code:
Sie können durch die Codezeilen navigieren, indem Sie die Schaltflächen “Step” verwenden. Es gibt Schaltflächen, um zum nächsten Breakpoint zu springen (Play-Symbol), in Funktionen hineinzugehen (Down-Arrow-Symbol), aus Funktionen herauszugehen (Up-Arrow-Symbol) und zur nächsten Zeile zu gelangen (Next-Symbol).4. Sehen Sie sich die Aufrufstack an:
Sie können die Aufrufstapel (Call stack) anzeigen, um zu sehen, welche Funktionen aufgerufen wurden, um zum aktuellen Punkt im Code zu gelangen. Dies kann im Bereich “Call Stack” auf der rechten Seite angezeigt werden.5. Verwenden von Konsole.log():
Sie können `console.log()` verwenden, um Werte und Meldungen in der Konsole auszugeben. Dies ist besonders nützlich, wenn Sie überprüfen möchten, ob ein bestimmter Teil des Codes ausgeführt wird oder was der Wert einer Variablen zu einem bestimmten Zeitpunkt ist.6. Verwenden Sie den Debug-Schlüsselwort:
Sie können das `debugger;` Schlüsselwort in Ihrem JavaScript-Code verwenden. Wenn die JavaScript-Konsole geöffnet ist, wird Ihr Code an dieser Stelle angehalten und Sie können den oben genannten Prozess verwenden, um Ihre Variablen und Ausführungsschritte zu überprüfen.Vergessen Sie nicht, Ihre Breakpoints und `debugger;` Anweisungen aus dem Code zu entfernen, wenn Sie fertig sind!
Anmerkung: Stellen Sie sicher, dass Sie die Entwicklertools im Browser geöffnet haben, um den Debug-Modus und Breakpoints zu verwenden.
