Share via

Filtrar mensagens do Console

  • Artigo

Use as opções de filtro do Console de DevTools para reduzir o ruído de mensagens de log de console excessivas, para ver melhor o tipo de mensagens de log que você está procurando.

Ao acessar várias páginas da Web, você pode descobrir que o Console está inundado com todos os tipos de informações. Muitas vezes, as informações não são relevantes para você, como informações sobre a página que outro desenvolvedor registrou. Ou você pode ver informações registradas sobre violações e avisos sobre o desempenho do site atual, que você não pode alterar.

Você pode filtrar mensagens de log do console de várias maneiras:

  • Filtrar por nível de log.
  • Filtrar por texto.
  • Filtrar por expressão regular.
  • Filtrar por fonte de mensagem.

Filtrar por nível de log

Cada método do console objeto tem um nível de gravidade anexado a ele. Os níveis de gravidade são Verbose, Info, Warningou Error. Exiba os níveis de gravidade na documentação da API. Por exemplo, console.log() é uma Infomensagem no nível , mas console.error() é uma Errormensagem no nível .

Para filtrar mensagens no Console, use o menu suspenso Nível do Log . Você pode alternar o estado de cada nível. Para desativar cada nível, remova a marca de seleção ao lado de cada um.

O menu suspenso filtra mensagens de console usando o nível de log

Como nenhum filtro é aplicado, a figura a seguir exibe dezenas de mensagens. Em seguida, reduza e gerencie o número de mensagens.

Nenhum conjunto de filtros significa que você pode exibir muitas mensagens de console

Para ocultar todas as mensagens no nível de aviso para reduzir o ruído, clique na lista suspensa Níveis de Log e desmarque o Warnings nível.

Ocultar todas as mensagens de nível de aviso no Console para filtrar grande parte do ruído

Filtrar por texto

Para ver mais detalhes, para filtrar mensagens usando texto, digite uma cadeia de caracteres na caixa de texto Filtrar . Por exemplo, digite bloco na caixa para exibir apenas suas mensagens sobre o navegador que bloqueia o carregamento de recursos.

Exibe as mensagens que contêm a palavra 'bloquear'

Filtrar por expressão regular

Expressões regulares são uma maneira poderosa de filtrar mensagens. Por exemplo, digite /^Tracking/ na caixa de texto Filtrar para exibir apenas mensagens que começam com o termo Tracking. Se você não estiver familiarizado com expressões regulares, RegExr.com é um ótimo recurso para aprender sobre o uso de expressões regulares.

Exibindo as mensagens que começam com a palavra 'filtro', usando uma expressão regular na caixa de texto Filtrar

Filtrar por fonte de mensagem

Você pode definir que tipo de mensagens deseja exibir e de onde cada mensagem se originou usando a barra lateral do Console.

  1. Clique no botão Mostrar barra lateral do console :

    Para abrir a barra lateral, clique no ícone 'Mostrar barra lateral do console'

    Quando a barra lateral estiver aberta, você poderá exibir o número geral de mensagens e onde cada uma delas se originou. As opções são All messages, User Messages, Errors, Warnings, Infoe Verbose.

    A Barra Lateral do Console exibe as diferentes fontes de onde as mensagens se originaram

  2. Selecione qualquer uma das opções para exibir apenas as mensagens desse tipo. Por exemplo, para exibir mensagens de usuário, clique na opção mensagens do usuário para exibir menos ruído.

    Exibindo apenas mensagens de usuário no Console, usando o filtro na barra lateral

  3. Para filtrar mais e expandir a categoria de mensagem, clique no ícone triângulo ao lado da categoria de mensagem.

    Clique no ícone de seta para expandir uma categoria de mensagem

  4. Fontes individuais são reveladas e listadas. Selecione uma origem para exibir apenas mensagens originadas dessa fonte:

    Selecione qualquer uma das opções reveladas para filtrar mensagens por tipo de mensagem e fonte