Come si avvia il debugger JavaScript in Google Chrome?

Prova ad aggiungere questo alla tua fonte:

debugger;

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

Windows e Linux:

Ctrl + Shift + I le chiavi per aprire gli Strumenti per sviluppatori

Ctrl + Shift + J per aprire gli Strumenti per sviluppatori e portare l'attenzione sulla Console.

Ctrl + Shift + C per attivare la modalità Ispeziona elemento.

Mac:

⌥ + ⌘ + I le chiavi per aprire gli Strumenti per sviluppatori

⌥ + ⌘ + J per aprire gli Strumenti per sviluppatori e portare l'attenzione sulla Console.

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

Source

Altre scorciatoie

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

Scegli il file JavaScript in cima e posiziona il punto di interruzione sul debugger per il codice JavaScript.

Ctrl + Shift + J apre gli strumenti di sviluppo.

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

Qui puoi trovare le scorciatoie per accedere agli strumenti di sviluppo.

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

Shift + Control + I apre la finestra dello strumento per sviluppatori. Dalla seconda immagine in basso a sinistra (che assomiglia a quanto segue) si aprirà/nasconderà la console per te:

Per aprire il pannello 'Console' dedicato, o:

• Utilizza le scorciatoie da tastiera
  • Su Windows e Linux: Ctrl + Shift + J
  • Su Mac: Cmd + Option + J
• Seleziona l'icona Menu Chrome, menu -> Altri strumenti -> Console JavaScript . O se gli Strumenti per sviluppatori di Chrome sono già aperti, press la scheda 'Console'.

Si prega di fare riferimento qui

Per gli utenti Mac, vai su Google Chrome -> menu Visualizza -> Sviluppatore -> Console JavaScript .

Ora google chrome ha introdotto una nuova funzione. Utilizzando questa funzione È possibile modificare il codice in chrome. (Modifica permanente sulla posizione del codice)

Per quello Premi F12 -> Tab sorgente - (lato destro) -> File System - in che si prega di selezionare la posizione del codice. e poi il browser chrome ti chiederà il permesso e dopo quel codice sarà sprofondato di colore verde. e puoi modificare il tuo codice e rifletterà anche sulla tua posizione del codice (significa che cambierà permanentemente)

Grazie

Il modo più efficiente che ho trovato per ottenere il debugger javascript è eseguendo questo:

chrome://inspect