Debug di JavaScript

nel programma o scriptErrorechiamatoBug.

Debug (Debugging)È il processo di test, scoperta e riduzione degli errori (bug) nei programmi informatici.

Debugger JavaScript

Tutti i browser mainstream hanno un debugger JavaScript integrato.

Puoi aprire e chiudere il debugger integrato per segnalare agli utenti gli errori.

Utilizzando il debugger, puoi fermare l'esecuzione del codice in alcuni punti di interrupt (posizioni in cui si può fermare l'esecuzione del codice).

Una volta che l'esecuzione si ferma, puoi controllare lo stato dello script e le variabili per determinare se ci sono problemi.

Puoi anche osservare il cambiamento dei valori delle variabili nel processo.

Metodo console.log()

Se il tuo browser supporta il debug, può essere utilizzato perconsole.log();Visualizzare i valori di JavaScript nella finestra del debugger:

let x = 50;
let y = 20;
let z = x + y;
console.log(z);

Per accedere alla console del browser Web, prima premereF12Premere una chiave sulla tastiera e quindi fare clic sulla scheda "Console".

Parola chiave debugger (debugger)

La parola chiave debugger chiama qualsiasi funzionalità di debug disponibile, come impostare un breakpoint.

Se non è disponibile alcuna funzione di debug, questa frase è invalida.

Il seguente esempio mostra il codice in cui viene inserita la frase debugger per chiamare il debugger:

var a = 50 + 20;
debugger;
document.getElementById("output").innerHTML = a;

Quando si chiama il debugger, l'esecuzione della frase debugger viene bloccata. Questo è come un punto di interruzione nella sorgente dello script.

Strumenti di debug dei principali browser

Di solito, si utilizza l'attivazione del browserF12Dalla sezione Debug, seleziona “Console” nel menu Debugger.

Altrimenti, segui questi passaggi:

Chrome

• Apri il browser

• Dal menu, seleziona “Più strumenti”

• Dai strumenti, seleziona “Strumenti sviluppatori”

• Infine, seleziona la console

FireFox

• Apri il browser

• Dal menu, seleziona “Web Sviluppatori”

• Infine, seleziona “Console Web”

Edge

• Apri il browser

• Dal menu, seleziona “Strumenti sviluppatori”

• Infine, seleziona “Console”

Opera

• Apri il browser

• Dal menu, seleziona “Sviluppatori”

• Dal menu “Sviluppatori”, seleziona “Strumenti sviluppatori”
  

• Infine, seleziona “Console”

Safari

• Vai a Safari, Preferenze, Avanzate

• Seleziona “Abilita visualizzazione menu sviluppo nella barra del menu”

• Quando l'opzione nuova “Sviluppo” appare nel menu:
  Seleziona “Mostra console degli errori”