Wie starten Sie den JavaScript-Debugger in Google Chrome?
-
09-06-2019 - |
Frage
Wenn Google Chrome verwenden, möchte ich einige JavaScript-Code debuggen. Wie kann ich das tun?
Lösung
Fenster: STRG - SHIFT - J OR F12
Mac: ⌥ - ⌘ - J
Auch durch das Schraubenschlüssel-Menü (Tools> JavaScript-Konsole):
Andere Tipps
Versuchen Sie, diese zu Ihrer Quelle:
debugger;
Es funktioniert in den meisten, wenn nicht alle Browser. Setzen Sie es irgendwo in Ihrem Code, und es wird wie ein Breakpoint handeln.
Windows und Linux:
Strg + Umschalttaste + I Tasten Developer Tools öffnen
Strg + Umschalttaste + J Developer Tools zu öffnen und den Fokus auf die Konsole bringen.
Ctrl + Umschalt + C zum Kippelement Modus prüfen.
Mac:
⌥ + ⌘ + I Tasten Developer Tools öffnen
⌥ + ⌘ + J Developer Tools zu öffnen und den Fokus auf die Konsole bringen.
⌥ + ⌘ + C zum Kippelement Modus prüfen.
Durch Drücken der F12 Funktionstaste in dem Chrome-Browser die JavaScript-Debugger und klicken Sie dann auf "Scripts" zu starten.
Wählen Sie die JavaScript-Datei auf und legen Sie den Haltepunkt an den Debugger für den JavaScript-Code.
Strg + Umschalttaste + J öffnet Developer Tools.
In Chrome 8.0.552 auf einem Mac, können Sie dies unter Menü finden Ansicht / Entwickler / JavaScript-Konsole ... oder Sie verwenden können, Alt + CMD + J .
Hier können Sie die Verknüpfungen finden, um die Entwickler-Tools zugreifen.
Um das dedizierte ‚Console‘ Feld zu öffnen, entweder:
- Verwenden Sie die Tastenkombinationen
- Unter Windows und Linux: Strg + Umschalttaste + J
- Auf dem Mac: Cmd + Option + J
- Wählen Sie das Chrome-Menüsymbol, Menü -> Weitere Tools -> JavaScript-Konsole . Oder wenn die Chrome-Entwicklertools bereits geöffnet sind,
press
die ‚Console‘ Registerkarte.
Bitte beachten Sie hier
Für Mac-Anwender, gehen Sie zu Google Chrome -> Menü Ansicht -> Entwickler . -> JavaScript-Konsole
Jetzt hat Google Chrome neue Funktion vorstellen. Durch diese Funktion verwenden Sie können Sie Code in Chrom browse bearbeiten. (Permanent Änderung auf Codeort)
Für diese Presse F12 -> Source Tab - (rechte Seite) -> File System - in dem bitte wählen Sie Ihren Ort des Codes. und dann Chrome-Browser werden Sie um Erlaubnis fragen und wird nach diesem Code Spüle mit grüner Farbe sein. und Sie können Ihren Code ändern, und es wird auch auf Sie Codeort reflektieren (Es bedeutet, es wird Permanent ändern)
Danke
Der effizienteste Weg, die ich gefunden habe, um die JavaScript-Debugger zu bekommen, ist durch diese ausgeführt wird:
chrome://inspect
Von der Konsole in Chrome können Sie console.log(data_to_be_displayed)
tun.