Pesquisa: encontre textos em todos os recursos carregados

Sofia Emelianova
Sofia Emelianova

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

Outra opção é usar 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 DevTools Personalizar e controlar DevTools > Mais ferramentas > Pesquisar.
  • Pressione Esc para abrir a Gaveta e, no canto superior esquerdo, selecione Personalizar e controlar DevTools Mais ferramentas > Pesquisar.
  • Pressione Command + Option + F (Mac) ou Control + Shift + F (Windows/Linux).

Pesquisa 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 da pesquisa. O DevTools abre a linha em Sources e rola a correspondência para exibição.

Para que a consulta diferencie maiúsculas de minúsculas, ative o botão match_case Diferenciar maiúsculas de minúsculas.

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

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

Botão de expressão regular.

Executar novamente uma consulta, expandir e limpar os resultados

Para executar novamente a 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 claro 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 se ela for compatível.

As barras de pesquisa têm botões para cima e para baixo que permitem acessar os resultados anteriores e posteriores da pesquisa.

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. No entanto, aqueles que têm, geralmente oferecem recursos específicos para cada ferramenta. Confira abaixo uma lista de ferramentas com barras de pesquisa e os recursos delas.

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 Verificado. Verificado. Mensagens de registro
Fontes Verificado. Verificado. Arquivo de origem atual Substituir
Rede Verificado. Verificado. Respostas e cabeçalhos de rede
Desempenho Verificado. Verificado. Atividades
Memória Verificado. Perfis Pesquisar perfis de amostragem por custo, nome e arquivo
Criador de perfil do JavaScript Verificado. Perfis de CPU Pesquisar por custo, nome e arquivo
Fonte rápida Verificado. Verificado. Arquivo de origem atual Substituir