it-swarm-eu.dev

Wie starte ich den JavaScript-Debugger in Google Chrome?

Bei Verwendung von Google Chrome möchte ich JavaScript-Code debuggen. Wie kann ich das machen?

397
Kevin Driedger

Windows: CTRL-SHIFT-J OR F12

Mac: --J

Auch über das Schraubenschlüssel-Menü (Extras> JavaScript-Konsole) verfügbar:

JavaScript Console Menu

309
John Sheehan

Versuchen Sie, dies zu Ihrer Quelle hinzuzufügen:

debugger;

Es funktioniert in den meisten, wenn nicht allen Browsern. Platzieren Sie es einfach irgendwo in Ihrem Code, und es fungiert als Haltepunkt.

388

Windows und Linux:

Ctrl + Shift + I Tasten zum Öffnen der Entwicklertools

Ctrl + Shift + J um die Entwicklertools zu öffnen und den Fokus auf die Konsole zu legen.

Ctrl + Shift + C um den Inspect Element-Modus umzuschalten.

Mac:

 +  + I Tasten zum Öffnen der Entwicklertools

 +  + J um die Entwicklertools zu öffnen und den Fokus auf die Konsole zu legen.

 +  + C um den Inspect Element-Modus umzuschalten.

Quelle

Andere Verknüpfungen

54
user629309

Drücken Sie die F12 Funktionstaste im Browser Chrome, um den JavaScript-Debugger zu starten, und klicken Sie dann auf "Skripte".

Wählen Sie die JavaScript-Datei oben aus und platzieren Sie den Haltepunkt für den JavaScript-Code im Debugger.

14
Balachandar P

Ctrl + Shift + J Öffnet die Entwicklertools.

11
Senyai

In Chrome 8.0.552 auf einem Mac finden Sie dies unter Menü Ansicht/Entwickler/JavaScript-Konsole .. oder Sie können verwenden Alt+CMD+J.

6
Primc

Hier finden Sie die Verknüpfungen für den Zugriff auf die Entwicklertools.

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

5
hernanvicente

Shift + Control + I Öffnet das Developer Tool-Fenster. Das zweite Bild unten links (das wie folgt aussieht) öffnet/versteckt die Konsole für Sie:

Show Console

2
Premanshu

So öffnen Sie die dedizierte Konsole:

  • Verwenden Sie die Tastaturkürzel
    • Unter Windows und Linux: Ctrl + Shift + J
    • Auf dem Mac: Cmd + Option + J
  • Wählen Sie das Menüsymbol Chrome, Menü -> Weitere Tools -> JavaScript-Konsole . Oder, wenn die Chrome Entwicklertools bereits geöffnet sind, press die Registerkarte "Konsole".

Bitte beziehen Sie sich auf hier

2
Venkat

Gehen Sie für Mac-Benutzer zu Google Chrome -> Menü Ansicht -> Entwickler -> JavaScript-Konsole.

Screenshot

1
Neo123

Jetzt hat Google chrome eine neue Funktion eingeführt. Mit dieser Funktion können Sie Ihren Code in chrome browse bearbeiten. (Permanente Änderung am Codestandort)

Drücken Sie dazu F12 -> Registerkarte Quelle - (rechte Seite) -> Dateisystem - und wählen Sie dort Ihren Code aus. und dann fragt chrome Browser Sie um Erlaubnis und danach wird der Code mit grüner Farbe versinken. und Sie können Ihren Code ändern und er wird sich auch auf Ihren Code-Standort auswirken (dies bedeutet, dass er sich permanent ändert).

Vielen Dank

1
stackinfostack

Der effizienteste Weg, um zum Javascript-Debugger zu gelangen, ist der folgende:

chrome://inspect

0
Nestor Urquiza