A maioria dos navegadores vem com ferramentas de desenvolvedor integradas. Essas ferramentas para desenvolvedores geralmente incluem um console. O console fornece informações sobre a página que está sendo executada no momento.
As mensagens registradas no console vêm dos desenvolvedores da Web que criaram a página ou do próprio navegador.
Todas as mensagens do console têm um nível de gravidade:
Verbose, Info, Warning ou Error.
Uma mensagem Error significa que há um problema na sua página que precisa ser resolvido.
Como a auditoria de erros do navegador do Lighthouse falha
O Lighthouse sinaliza todos os erros do navegador registrados no console:
Como corrigir erros do navegador
Corrija cada erro do navegador informado pelo Lighthouse para que a página seja executada conforme o esperado para todos os usuários.
O Chrome DevTools inclui algumas ferramentas para ajudar a rastrear a causa dos erros:
- Abaixo do texto de cada erro, o Console do DevTools mostra a pilha de chamadas que causou a execução do código problemático.
- Um link no canto superior direito de cada erro mostra o código que o causou.
Por exemplo, a captura de tela mostra uma página com dois erros:
No exemplo, o primeiro erro vem de um desenvolvedor da Web de uma chamada para
console.error().
O segundo erro vem do navegador e indica que uma variável usada em um dos scripts da página não existe.
Abaixo do texto de cada erro,
o Console do DevTools indica a pilha de chamadas em que o erro aparece.
Por exemplo, para o primeiro erro, o Console indica
que uma função (anonymous) chamou a função init,
que chamou a função doStuff.
Clicar no link pen.js:9 no canto superior direito desse erro
mostra o código relevante.
Analisar o código relevante para cada erro dessa forma pode ajudar você a identificar e resolver possíveis problemas.
Se você não conseguir descobrir a causa de um erro, tente digitar o texto do erro em um mecanismo de pesquisa. Se você não encontrar soluções para o problema, tente fazer uma pergunta no Stack Overflow.
Se não for possível corrigir um erro, considere colocá-lo em uma
instrução try…catch
para indicar explicitamente no código que você está ciente do problema.
Também é possível usar o bloco catch para processar o erro de maneira mais eficiente.