it-swarm-eu.dev

Come si avvia il debugger JavaScript in Google Chrome?

Quando si utilizza Google Chrome, voglio eseguire il debug del codice JavaScript. Come lo posso fare?

394
Kevin Driedger

Finestre: CTRL-SHIFT-J OR F12

Mac: --J

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

JavaScript Console Menu

307
John Sheehan

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.

385
Omer van Kloeten

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

54
user629309

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.

14
Balachandar P

Ctrl + Shift + J apre gli strumenti di sviluppo.

11
Senyai

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

6
Primc

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

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

5
hernanvicente

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:

Show Console

2
Premanshu

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

2
Venkat

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

Screenshot

1
Neo123

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

1
stackinfostack

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

chrome://inspect

0
Nestor Urquiza