Pesquisa: encontre textos em todos os recursos carregados

Sofia Emelianova
Sofia Emelianova

Use o painel Pesquisar para encontrar texto em todos os recursos carregados.

Você também pode usar as barras de pesquisa integradas para encontrar texto em um recurso aberto em uma ferramenta específica.

É possível abrir o painel Pesquisar de várias maneiras. Primeiro, abra o DevTools e siga um destes procedimentos:

  • No canto superior direito do DevTools, selecione Personalizar e controlar o DevTools Personalizar e controlar DevTools > Mais ferramentas > Pesquisar.
  • Pressione Esc para abrir a Gaveta e, no canto superior esquerdo, selecione Personalizar e controlar o DevTools Mais ferramentas > Pesquisar.
  • Pressione Command + Option + F (Mac) ou Control + Shift + F (Windows/Linux).

Pesquisar texto em todos os recursos carregados

Para pesquisar texto em todos os recursos carregados, digite sua consulta na barra de pesquisa do painel Pesquisar e pressione Enter.

Resultados da pesquisa.

Quando o DevTools encontra várias correspondências em uma única linha, os resultados da pesquisa listam todas elas com o mesmo número de linha. Clique em um resultado de pesquisa para que o DevTools abra a linha em Sources e rola a correspondência até a visualização.

Para que a consulta diferencie maiúsculas de minúsculas, clique no botão match_case Match case.

Botão "Diferenciar maiúsculas de minúsculas".

Para pesquisar um texto que corresponda a uma expressão regular, alterne o botão regular_expression Expressão regular.

Botão de expressão regular.

Executar uma consulta novamente, expandir e limpar os resultados

Para executar novamente sua consulta de pesquisa, clique em Atualizar. Atualizar.

Para abrir todos os resultados da pesquisa:

  • No Windows / Linux, pressione Ctrl+Shift+{ ou }
  • No macOS, pressione Command+Option+{ ou }

Para limpar os resultados da pesquisa, clique em Limpar. Limpar.

pesquisar texto em uma ferramenta específica;

Para restringir o escopo da pesquisa a um recurso aberto em uma ferramenta específica, use uma barra de pesquisa integrada, caso ela seja compatível.

As barras de pesquisa possuem botões para cima e para baixo que permitem pular para os resultados de pesquisa anteriores e seguintes.

Para abrir uma barra de pesquisa integrada em uma ferramenta específica, pressione Command+F (Mac) ou Control+F (Windows/Linux).

Nem todos os painéis e guias do DevTools têm uma barra de pesquisa integrada, mas aqueles que têm geralmente oferecem recursos específicos da ferramenta. Confira abaixo uma lista de ferramentas com barras de pesquisa e seus recursos.

Painel ou guia Diferenciar maiúsculas de minúsculas Regex Escopo Recursos específicos da ferramenta
Elementos árvore do DOM Pesquisar por seletor e XPath
Console Sim. Sim. Mensagens de registro
Fontes Sim. Sim. Arquivo de origem atual Substituir
Rede Sim. Sim. Cabeçalhos, payloads e respostas de rede
Desempenho Sim. Sim. Atividades
Memória Sim. Perfis Pesquisar perfis de amostragem por custo, nome e arquivo
Criador de perfil do JavaScript Sim. Perfis de CPU Pesquise por custo, nome e arquivo
Fonte rápida Sim. Sim. Arquivo de origem atual Substituir