A maioria dos navegadores vem com ferramentas de desenvolvedor integradas. Essas ferramentas geralmente incluem um console. O console fornece informações sobre a página em execução.
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 de navegador informado pelo Lighthouse para garantir que sua página seja executada conforme o esperado para todos os usuários.
O Chrome DevTools inclui algumas ferramentas para ajudar você 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 causou o problema.
Por exemplo, esta 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.
Clique no link pen.js:9 no canto superior direito desse erro para ver o código relevante.
Analisar o código relevante para cada erro dessa forma pode ajudar a identificar e resolver possíveis problemas.
Se você não conseguir descobrir a causa de um erro, tente inserir o texto dele em um mecanismo de pesquisa. Se você não encontrar soluções para seu problema, faça uma pergunta no Stack Overflow.
Se não for possível corrigir um erro, considere envolvê-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 adequada.