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

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

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,
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:

— 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]

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":

— 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:

— 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.

— 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