Come si avvia il debugger JavaScript in Google Chrome?

Question

Quando utilizzo Google Chrome, desidero eseguire il debug di alcuni codici JavaScript.Come lo posso fare?

Answer 1

Finestre: CTRL-SPOSTARE-J OPPURE F12

Mac: ⌥-⌘-J

Disponibile anche tramite il menu Strumenti (Strumenti > Console JavaScript):

Answer 2

Prova ad aggiungere questo alla tua fonte:

debugger;

Funziona nella maggior parte dei browser, se non in tutti.Basta posizionarlo da qualche parte nel codice e agirà come un punto di interruzione.

Answer 3

Windows e Linux:

Ctrl + Spostare + IO tasti per aprire gli Strumenti per sviluppatori

Ctrl + Spostare + J per aprire gli Strumenti per sviluppatori e portare lo stato attivo sulla Console.

Ctrl + Spostare + C per attivare/disattivare la modalità Ispeziona elemento.

Mac:

⌥ + ⌘ + IO tasti per aprire gli Strumenti per sviluppatori

⌥ + ⌘ + J per aprire gli Strumenti per sviluppatori e portare lo stato attivo sulla Console.

⌥ + ⌘ + C per attivare/disattivare la modalità Ispeziona elemento.

Fonte

Altre scorciatoie

Answer 4

premi il F12 tasto funzione nel browser Chrome per avviare il debugger JavaScript, quindi fare clic su "Script".

Scegli il file JavaScript in alto e posiziona il punto di interruzione nel debugger per il codice JavaScript.

Answer 5

Ctrl + Spostare + J apre gli Strumenti per sviluppatori.

Answer 6

In Chrome 8.0.552 su Mac, puoi trovarlo nel menu Visualizzazione/Sviluppatore/Console JavaScript ...oppure puoi usare Alt+CMD+J.

Answer 7

Qui puoi trovare le scorciatoie per accedere agli strumenti per sviluppatori.

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

Answer 8

Spostare + Controllo + IO apre la finestra dello strumento di sviluppo.Dalla seconda immagine in basso a sinistra (che assomiglia alla seguente) si aprirà/nasconderà la console:

Answer 9

Per aprire il pannello dedicato "Console", è possibile:

• Usa le scorciatoie da tastiera
  • Su Windows e Linux: Ctrl + Spostare + J
  • Su Mac: Comandante + Opzione + J
• Seleziona l'icona del menu Chrome, menu -> Più strumenti -> Console JavaScript.Oppure, se gli Strumenti per sviluppatori di Chrome sono già aperti, press la scheda "Console".

Per favore, riferisci Qui

Answer 10

Per gli utenti Mac, vai al menu Google Chrome --> Visualizzazione --> Sviluppatore --> Console JavaScript.

Answer 11

Ora Google Chrome ha introdotto una nuova funzionalità.Usando questa funzione puoi modificare il tuo codice nella navigazione di Chrome.(Modifica permanente della posizione del codice)

Per questo premi F12 --> Scheda Sorgente -- (lato destro) --> File System - in questo seleziona la posizione del codice.e poi chrome browser vi chiederà il permesso e dopo che il codice sarà lavandino con colore verde.e puoi modificare il tuo codice e si rifletterà anche sulla posizione del tuo codice (significa che cambierà in modo permanente)

Grazie

Answer 12

Il modo più efficiente che ho trovato per accedere al debugger javascript è eseguire questo:

chrome://inspect

Answer 13

Dalla console in Chrome, puoi farlo console.log(data_to_be_displayed).