Os erros do navegador foram registrados no console

Published on Updated on

Translated to: English, Español, 한국어, 中文

A maioria dos navegadores vem com ferramentas de desenvolvedor integradas. Essas ferramentas de desenvolvedor geralmente incluem um console . O console fornece informações sobre a página em execução 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 Error significa que há um problema em sua página que você precisa resolver.

Como a auditoria do Lighthouse de erro de navegador falha

O Lighthouse sinaliza todos os erros do navegador registrados no console:

Auditoria do Lighthouse mostrando erros do navegador no console

Each Best Practices audit is weighted equally in the Lighthouse Best Practices Score. Learn more in The Best Practices score.

Como corrigir erros do navegador

Corrija cada erro do navegador que o Lighthouse relata para garantir que sua página seja executada conforme o esperado para todos os seus usuários.

O Chrome DevTools inclui algumas ferramentas para ajudá-lo 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 erro.

Por exemplo, esta captura de tela mostra uma página com dois erros:

Um exemplo de erros no Chrome DevTools Console

No exemplo acima, o primeiro erro vem de um desenvolvedor da Web por meio de uma chamada para console.error(). O segundo erro vem do navegador e indica que não existe uma variável usada em um dos scripts da página.

Abaixo do texto de cada erro, o DevTools Console indica a pilha de chamadas na qual o erro aparece. Por exemplo, para o primeiro erro, o Console indica que uma (anonymous) chamou a init, que chamou a função doStuff Clicar no pen.js:9 no canto superior direito desse erro mostra o código relevante.

Revisar o código relevante para cada erro dessa forma pode ajudá-lo a identificar e resolver possíveis problemas.

Se você não consegue descobrir a causa de um erro, tente inserir o texto do erro em um mecanismo de pesquisa. Se você não conseguir encontrar soluções para o seu problema, tente fazer uma pergunta no Stack Overflow.

Se você não puder corrigir um erro, considere envolvê-lo em uma try…catch para indicar explicitamente no código que você está ciente do problema. Você também pode usar o catch para lidar com o erro de forma mais elegante.

Recursos

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.