Wie starten Sie den JavaScript-Debugger in Google Chrome?

Question

Wenn Google Chrome verwenden, möchte ich einige JavaScript-Code debuggen. Wie kann ich das tun?

Answer 1

Fenster: STRG - SHIFT - J OR F12

Mac: ⌥ - ⌘ - J

Auch durch das Schraubenschlüssel-Menü (Tools> JavaScript-Konsole):

Answer 2

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.

Answer 3

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.

Quelle

Andere Abkürzungen

Answer 4

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.

Answer 5

Strg + Umschalttaste + J öffnet Developer Tools.

Answer 6

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 .

Answer 7

Hier können Sie die Verknüpfungen finden, um die Entwickler-Tools zugreifen.

https://developer.chrome.com/devtools/docs/shortcuts

Answer 8

Umschalttaste + Kontrolle + I , um das Entwickler-Tool-Fenster öffnet sich. zweites Bild von links unten (das sieht wie folgt aus) öffnet / die Konsole für Sie verbergen:

Answer 9

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

Answer 10

Für Mac-Anwender, gehen Sie zu Google Chrome -> Menü Ansicht -> Entwickler . -> JavaScript-Konsole

Answer 11

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

Answer 12

Der effizienteste Weg, die ich gefunden habe, um die JavaScript-Debugger zu bekommen, ist durch diese ausgeführt wird:

chrome://inspect

Answer 13

Von der Konsole in Chrome können Sie console.log(data_to_be_displayed) tun.