Pesquisa: encontre textos em todos os recursos carregados

Sofia Emelianova
Sofia Emelianova

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

Como alternativa, use as barras de pesquisa integradas para encontrar texto em um recurso aberto em uma ferramenta específica.

Visão geral

O painel Pesquisar permite encontrar texto em todos os recursos carregados com a opção de usar expressões regulares ou diferenciar maiúsculas de minúsculas. Depois de encontrar o texto, você pode conferir a origem dele no painel Origens.

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

  • No canto superior direito do DevTools, selecione Personalizar e controlar as DevTools Personalizar e controlar o DevTools > Mais ferramentas > Pesquisar.
  • Pressione Esc para abrir a gaveta e, no canto superior esquerdo, selecione Personalizar e controlar as 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, na barra de pesquisa do painel Pesquisar, digite sua consulta e pressione Enter.

Resultados da pesquisa.

Quando as Ferramentas do desenvolvedor encontram 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 e o DevTools abre a linha em Origens e rola a correspondência para a visualização.

Para que a consulta faça distinção entre maiúsculas e minúsculas, ative o botão Match case.

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

Para pesquisar texto correspondente a uma expressão regular, ative o botão Expressão regular.

Botão de expressão regular.

Refazer uma consulta, expandir e limpar os resultados

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

Para expandir 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, se a ferramenta oferecer suporte a ela.

As barras de pesquisa têm botões para cima e para baixo para pular para os resultados 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 os recursos delas.

Painel ou guia Diferencia 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 na faixa Principal e solicitações na faixa Rede
Memória Sim. Perfis Pesquisar perfis de amostragem por custo, nome e arquivo
Criador de perfil do JavaScript Sim. Perfis de CPU Pesquisar por custo, nome e arquivo
Origem rápida Sim. Sim. Arquivo de origem atual Substituir