Como pesquisar todos os scripts carregados nas Ferramentas do desenvolvedor do Chrome?

430

No Firebug, você pode pesquisar algum texto e ele será procurado em todos os scripts carregados em uma página. O mesmo pode ser feito nas ferramentas do desenvolvedor do Chrome durante a depuração do script do cliente? Eu tentei, mas parece pesquisar apenas no script que abri, e não no restante da página.

Espero que as próximas capturas de tela tenham uma idéia melhor do que estou tentando realizar: texto alternativo

As seguintes capturas de tela são de uma única pesquisa no Firebug: texto alternativo texto alternativo

google-chrome google-chrome-devtools script-debugging Slavo
fonte
1
BTW, se você estiver usando Mapas de Origem (por exemplo, com o GWT Super Dev Mode), poderá pesquisar os arquivos .java mapeados por nome ... Digite Ctrl + O (comando + O no mac) na guia Fontes.
frankadelic
6
Posso sugerir alterar a resposta aceita para vsevik's? É muito mais provável que seja útil para os leitores de hoje.
Mark Amery
Feliz! Obtive a resposta perfeita para esta pergunta, mas a pesquisa na resposta da rede não está disponível como no Firebug, agora nem no firefox
Ravi Parekh
1
Use 'Ir para o arquivo' no Google Dev Tools (uma ferramenta flexível e útil com capacidade de pesquisar o nome da sua função, o nome da classe em CSS, ...). Como usar Ir para o arquivo no Google Chrome DevTools
Iman Bahrampour

Respostas:

678

Abra um novo painel de Pesquisa nas Ferramentas do Desenvolvedor:

  • pressionando Ctrl+ Shift+ F( Cmd+ Option+ Ino mac)
  • clicando no menu overflow ( ⋮) no DevTools,Menu de estouro do DevTools
  • clicando no menu de transbordamento no console ( ⋮) e escolhendo a opção Pesquisar

Você pode pesquisar em todos os seus scripts com suporte para expressões regulares e distinção entre maiúsculas e minúsculas.

Clique em qualquer correspondência para carregar esse arquivo / seção no painel de scripts.

Pesquisar todos os arquivos - resultados

Verifique se 'Pesquisar em scripts anônimos e de conteúdo' está marcado nas Preferências do DevTools ( F1). Isso retornará resultados de dentro de iframes e scripts embutidos HTML:

Pesquise em scripts anônimos e de conteúdo Preferências das configurações do DevTools

vsevik
fonte
14
Control + Shift + F é bastante útil, mas não retorna todos os hits, especialmente scripts dentro do iframe.
Murali VP
35
Se Control + Shift + F é o caminho a seguir, a caixa de pesquisa superior é totalmente enganosa. Em segundo lugar, o fluxo de trabalho da interface do usuário de busca e busca é horrível. Quanto você realmente pode caber nessa pequena área? Por que não fazer como FF faz?
Mrchief
6
Funciona bem, mas leva muito mais tempo do que no FF. As ferramentas de desenvolvimento do Chrome ainda precisam de muitas melhorias ... = (
Ricardo Martins
8
Certifique-se de que as Ferramentas do desenvolvedor estejam em sua própria janela; se o DT estiver ancorado na janela principal, o comando Ctrl + Shift + F não exibirá uma pesquisa por fontes; em vez disso, executará uma pesquisa padrão.
Highway of Life
22
O fato de eu precisar pesquisar no Google está dizendo muito sobre o UX do Chrome Dev Tools.
Piotr Owsiak 27/03
16

Pesquisar todos os arquivos com Control + Shift + F ou Console -> [guia Pesquisar]

insira a descrição da imagem aqui

OBSERVAÇÃO: a Pesquisa Global é exibida ao lado do menu CONSOLE

Asher
fonte
Esta resposta é essencialmente a mesma que a mais votada, que atualizei para incluir Console -> Pesquisa.
Dan Dascalescu
10

Além de Ctrl+ Shift+ F( Cmd+ Option+ Fno Mac), como sugerido nesta resposta , você pode clicar com o botão direito do mouse no nó da árvore superior na guia fontes e selecionar "Pesquisar em todos os arquivos":

insira a descrição da imagem aqui

Big McLargeHuge
fonte
5
Não existe mais? Não o vejo no Windows.
XP1 30/01
4
Não existe mais a partir do Chrome 58.
Dan Dascalescu
Existe novamente na versão atual
Julix 01/12/19
Não o vejo na versão 79 do Chrome no mac os.
user674669 31/01
0

No Windows Control + Shift + F. Também verifique também os scripts de conteúdo. Vá para Configurações-> Fontes-> Pesquisa em script anônimo e de conteúdo.

JDev
fonte
0

No Chrome mais recente a partir de 26/10/2018, a resposta mais bem avaliada não funciona mais, veja como é feita: insira a descrição da imagem aqui

insira a descrição da imagem aqui

Zinan Xing
fonte
A resposta mais votada ainda funcionará se você marcar "Pesquisar em scripts anônimos e de conteúdo" nas configurações. BTW, sua resposta não está relacionada ao que está sendo solicitado; isso é apenas para pesquisar nomes de arquivos, não o conteúdo.
precisa
0

Em Viúvas, está funcionando para mim. Controle Shift F e, em seguida, abre uma janela de pesquisa na parte inferior. Certifique-se de expandir a área inferior para ver a nova janela de pesquisa.

insira a descrição da imagem aqui

Rupesh Kumar Tiwari
fonte
-1

Seu texto pode estar localizado na resposta da rede. Também há uma ferramenta de pesquisa na guia Rede e você pode tentar.

O que você deseja procurar pode permanecer no DOM ou na memória. Se não estiver no DOM, pode estar na memória, porque você acabou de vê-lo na tela do computador. O texto que você pesquisa pode ser carregado a partir de scripts no DOM inicial ou de resposta na solicitação posterior.

manchar
fonte