La plupart des navigateurs sont fournis avec des outils de développement intégrés. Ces outils pour les développeurs incluent généralement une console. La console fournit des informations sur la page en cours d'exécution.
Les messages consignés dans la console proviennent des développeurs Web qui ont créé la page ou du navigateur lui-même.
Tous les messages de la console ont un niveau de gravité : Verbose, Info, Warning ou Error.
Un message Error signifie qu'un problème doit être résolu sur votre page.
Échec de l'audit des erreurs de navigateur Lighthouse
Lighthouse signale toutes les erreurs de navigateur consignées dans la console :
Corriger les erreurs de navigateur
Corrigez chaque erreur de navigateur signalée par Lighthouse pour vous assurer que votre page s'exécute comme prévu pour tous vos utilisateurs.
Les outils pour les développeurs Chrome incluent plusieurs outils pour vous aider à identifier la cause des erreurs :
- Sous le texte de chaque erreur, la console des outils de développement affiche la pile d'appels qui a entraîné l'exécution du code problématique.
- Un lien en haut à droite de chaque erreur vous indique le code qui l'a provoquée.
Par exemple, la capture d'écran ci-dessous montre une page comportant deux erreurs :
Dans l'exemple, la première erreur provient d'un développeur Web à partir d'un appel à console.error().
La deuxième erreur provient du navigateur et indique qu'une variable utilisée dans l'un des scripts de la page n'existe pas.
Sous le texte de chaque erreur, la console des outils de développement indique la pile d'appels dans laquelle l'erreur apparaît.
Par exemple, pour la première erreur, la console indique qu'une fonction (anonymous) a appelé la fonction init, qui a appelé la fonction doStuff.
Cliquez sur le lien pen.js:9 en haut à droite de cette erreur pour afficher le code concerné.
L'examen du code correspondant à chaque erreur de cette manière peut vous aider à identifier et à résoudre les problèmes potentiels.
Si vous ne parvenez pas à identifier la cause d'une erreur, essayez de saisir le texte de l'erreur dans un moteur de recherche. Si vous ne trouvez pas de solution à votre problème, essayez de poser une question sur Stack Overflow.
Si vous ne parvenez pas à corriger une erreur, envisagez de l'encapsuler dans une instruction try...catch pour indiquer explicitement dans le code que vous êtes conscient du problème.
Vous pouvez également utiliser le bloc catch pour gérer l'erreur plus facilement.