La maggior parte dei browser ha strumenti per sviluppatori integrati. Questi strumenti per sviluppatori includono in genere una console. La console fornisce informazioni sulla pagina attualmente in esecuzione.
I messaggi registrati nella console provengono dagli sviluppatori web che hanno creato la pagina o dal browser stesso.
Tutti i messaggi della console hanno un livello di gravità: Verbose, Info, Warning o Error.
La visualizzazione di Error indica un problema nella pagina che devi risolvere.
Come il controllo degli errori del browser Lighthouse non riesce
Lighthouse segnala tutti gli errori del browser registrati nella console:
Come correggere gli errori del browser
Correggi ogni errore del browser segnalato da Lighthouse per garantire che la pagina venga eseguita come previsto per tutti gli utenti.
Chrome DevTools include un paio di strumenti per aiutarti a individuare la causa degli errori:
- Sotto il testo di ogni errore, la console DevTools mostra lo stack di chiamate che ha causato l'esecuzione del codice problematico.
- Un link in alto a destra di ogni errore mostra il codice che ha causato l'errore.
Ad esempio, questo screenshot mostra una pagina con due errori:
Nell'esempio, il primo errore proviene da uno sviluppatore web in seguito a una chiamata a console.error().
Il secondo errore proviene dal browser e indica che non esiste una variabile utilizzata in uno degli script della pagina.
Sotto il testo di ogni errore, la console DevTools indica lo stack di chiamate in cui viene visualizzato l'errore.
Ad esempio, per il primo errore la console indica
che una funzione (anonymous) ha chiamato la funzione init,
che ha chiamato la funzione doStuff.
Se fai clic sul link pen.js:9 nell'angolo in alto a destra dell'errore, viene visualizzato il codice pertinente.
Esaminare il codice pertinente per ogni errore in questo modo può aiutarti a identificare e risolvere possibili problemi.
Se non riesci a individuare la causa di un errore, prova a inserire il testo dell'errore in un motore di ricerca. Se non riesci a trovare soluzioni al tuo problema, prova a porre una domanda su Stack Overflow.
Se non riesci a correggere un errore, potresti includerlo in un'istruzione try…catch per indicare esplicitamente nel codice che sei a conoscenza del problema.
Puoi anche utilizzare il blocco catch per gestire l'errore in modo più agevole.