Come si avvia il debugger JavaScript in Google Chrome?
-
09-06-2019 - |
Domanda
Quando utilizzo Google Chrome, desidero eseguire il debug di alcuni codici JavaScript.Come lo posso fare?
Soluzione
Finestre: CTRL-SPOSTARE-J OPPURE F12
Mac: ⌥-⌘-J
Disponibile anche tramite il menu Strumenti (Strumenti > Console JavaScript):
Altri suggerimenti
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.
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.
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.
Ctrl + Spostare + J apre gli Strumenti per sviluppatori.
In Chrome 8.0.552 su Mac, puoi trovarlo nel menu Visualizzazione/Sviluppatore/Console JavaScript ...oppure puoi usare Alt+CMD+J.
Qui puoi trovare le scorciatoie per accedere agli strumenti per sviluppatori.
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
Per gli utenti Mac, vai al menu Google Chrome --> Visualizzazione --> Sviluppatore --> Console JavaScript.
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
Il modo più efficiente che ho trovato per accedere al debugger javascript è eseguire questo:
chrome://inspect
Dalla console in Chrome, puoi farlo console.log(data_to_be_displayed)
.