Gli errori del browser sono stati registrati nella console

La maggior parte dei browser viene fornita con strumenti per sviluppatori integrati. Questi strumenti per sviluppatori di solito includono 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. Un messaggio Error indica che si è verificato un problema nella pagina che devi risolvere.

Come non riesce il controllo degli errori del browser Lighthouse

Lighthouse segnala tutti gli errori del browser registrati nella console:

Controllo Lighthouse che mostra gli errori del browser nella console.

Come correggere gli errori del browser

Correggi ogni errore del browser segnalato da Lighthouse per assicurarti che la tua pagina funzioni 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:

Un esempio di errori nella console Chrome DevTools.

Nell'esempio, il primo errore proviene da uno sviluppatore web da una chiamata a console.error(). Il secondo errore proviene dal browser e indica che una variabile utilizzata in uno degli script della pagina non esiste.

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 in alto a destra dell'errore, viene visualizzato il codice pertinente.

L'esame del codice pertinente per ogni errore in questo modo può aiutarti a identificare e risolvere i possibili problemi.

Se non riesci a capire 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, valuta la possibilità di racchiuderlo 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ù elegante.

Risorse