Skip to content
Aprender Medir Blog Case studies Sobre
Nesta página
  • Como a auditoria do Lighthouse de erro de navegador falha
  • Como corrigir erros do navegador
  • Recursos

Os erros do navegador foram registrados no console

May 2, 2019 — Atualizado Aug 28, 2019
Available in: Español, 한국어, 中文, English
Appears in: Auditorias de práticas recomendadas
Nesta página
  • Como a auditoria do Lighthouse de erro de navegador falha
  • Como corrigir erros do navegador
  • Recursos

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 #

  • O código-fonte dos erros do navegador foi registrado na auditoria do console
  • Visão geral do console
  • Stack Overflow
  • tente … pegar
Last updated: Aug 28, 2019 — Improve article
Return to all articles
Compartilhar
assinar

Contribute

  • Registrar um bug
  • Visualizar código-fonte

Conteúdo relacionado

  • developer.chrome.com
  • Atualizações do Chrome
  • Web Fundamentals
  • Estudos de caso
  • Podcasts
  • Shows

Conectar

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Todos os produtos
  • Termos e privacidade
  • Diretrizes da comunidade

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.