Posso fazer com que o chrome-devtools pesquise todas as fontes JS?

171

Estou tendo problemas para pesquisar arquivos JS nas ferramentas de desenvolvimento do chrome, no passado, a pesquisa ativada por Ctrl+ Shift+ Fsempre encontrava o que queria, mas recentemente (não tenho certeza exatamente qual atualização acionou isso) estou encontrando o a pesquisa não captura

  • JS em tags de script embutido

  • JS dentro de iframes.

Também achei a pilha de chamadas bagunçada quando scripts embutidos estavam envolvidos, mas quando tento pesquisar no Google para esses problemas, recebo as páginas de documentação das ferramentas de desenvolvimento, mais alguém notou esses problemas? Eu estava imaginando que isso funcionava antes?

javascript google-chrome-devtools David McMullin
fonte
4
Cuidado: a resposta aceita funciona com CTRL + SHIFT + F e a opção "Pesquisar em scripts de conteúdo" ativada, mas o Chrome conta apenas 1 correspondência por linha, mesmo se houver várias correspondências em qualquer linha. Com JS reduzido, você verá isso com frequência. Eu pensava que era um bug do Chrome até perceber que encontraria todas as instâncias se você clicar no script em questão e CTRL + F lá.
JD Smith #
Ótimo ponto! Eu encontrei algum comportamento inconsistente com cromo, especialmente depois de upgrades, entre esta "pesquisa em scripts de conteúdo" configuração e bonita imprimir roteiros minified, às vezes as coisas não funcionam perfeitamente = (
David McMullin
1
Na verdade, há momentos em que o Chrome simplesmente não encontra algo. Isso acontece comigo frequentemente. Por exemplo, quando visito band-aidbrandfirstaid.com/first-aid-how-to-videos e procuro na fonte por _satellite.jwp.videos, não vejo resultados. No entanto, essa cadeia está presente - captura de tela Não consigo encontrar mais ninguém com esse problema. Por enquanto eu uso o Firefox e acha tudo bem.
JD Smith #
Isso é curioso mesmo! Eu tentei a mesma pesquisa no meu chrome e funcionou bem (encontrado 5 correspondências). Você já tentou ativar a opção mencionada na minha resposta abaixo?
precisa
2
O quadro também pode ser esmagado até a parte inferior da janela do console (pelo menos era para mim). Arraste-o para cima para ver se é melhor.
Emery Lapinski

Respostas:

170

Sim, se você deseja pesquisar nas fontes de conteúdo que são scripts usados ​​pelas extensões e pela API interna do navegador, ative-o nas Configurações do DevTools e, em qualquer painel do DevTools, digite Ctrl+ Shift+ Fou (no Mac) Options+ Command+ F( ⌥⌘F) para pesquisar em todas as fontes, trechos e arquivos.

Ainda mais útil para o que você pode estar precisando é configurar um espaço de trabalho nas configurações, que você pode mapear para um diretório local de arquivos que estarão disponíveis na barra lateral do navegador de arquivos do Sources, que também será pesquisável com o atalho acima.

jaredwilli
fonte
5
De acordo com outro comentário, pode ser útil explicar como ativar a pesquisa (ou seja, de outra resposta) "Ativar a opção 'Pesquisar nos scripts de conteúdo' nas Configurações Gerais do DevTools"
samneric 1/17/17
3
Isso está desatualizado
cdeutsch 14/03/19
8
Na versão atual do Chrome, DevTools> Configurações> Preferências> Fontes "Pesquisar em scripts anônimos e de conteúdo"
Mark Hansen
Concordou que está desatualizado. Também seria ótimo esclarecer onde, nas Configurações das Ferramentas de Desenvolvimento, isso deve estar ativado.
Max MacLeod
44

Parece que a resposta é sempre mais fácil de encontrar depois de dedicar um tempo para formular a pergunta corretamente ...

Encontrei uma opção em Geral -> Fontes chamada "Pesquisar em scripts de conteúdo". Não sei como / quando desabilitei isso, mas habilitá-lo e reiniciar o chrome corrigiram todos os meus problemas.

David McMullin
fonte
1
Seria bom se o Chrome nos pedisse para ativar essa opção ao fazer CTRL + SHIFT + F. Também não me lembro de desativá-lo, mas um dia ele parou de funcionar. Obrigado por me impedir de usar o Firefox para esse fim!
JD Smith #
Tenho certeza de que ele estava pesquisando entre todas as fontes antes, mas de repente parou! agora, ao marcar essa opção, está funcionando novamente! obrigado #
22414 Bakhshi
Eu tive a mesma experiência exata, eu amo cromo a maior parte do tempo, mas, por vezes, encontrar um comportamento inesperado após updates = (Ainda bem que está funcionando novamente agora!
David McMullin
5
No Chrome 56, você encontrará essa opção em [menu do DevTools no canto superior direito da janela do DevTools] -> Configurações -> Preferências -> Fontes -> "Pesquisar scripts de conteúdo" (caixa de seleção na parte inferior)
Chris
6
Para mim, no Chrome 69, é agora chamado de "Pesquisar nas anônima e scripts de conteúdo"
Jono
35

Versão mais recente do DevTools

Clique no ícone de três pontos à direita da doca do DevTool e escolha Pesquisar .

Ou apenas pressione: Control- Shift- Fenquanto estiver usando o DevTools ( Control- Shift- I).

Menu do DevTools Dock

Versão mais antiga do DevTools

Ative a opção ' Pesquisar nos scripts de conteúdo ' nas Configurações gerais do DevTools. Isso permitirá que os scripts de conteúdo sejam pesquisáveis.

Em seguida, no painel do DevTools , você pode pesquisar os arquivos de origem na parte inferior do painel.

Por exemplo:

Google Chrome - Scripts de conteúdo - Pesquisa em fontes

Se você não tiver a guia Pesquisar na parte inferior do painel do DevTools , clique no ícone de três pontos para abri-lo.

Chrome / Chromium - DevTools Pesquisar nos arquivos de código-fonte

kenorb
fonte
1
Para mim, tive que expandir o painel que contém os resultados da pesquisa.
Eng.Fouad
8

Eu estava enfrentando o mesmo problema que CTRL + SHIFT + F não estava mais funcionando.

  1. Pressione f12 para abrir as ferramentas do desenvolvedor
  2. Clique nas reticências verticais no lado direito da barra de ferramentas do desenvolvedor para abrir suas opções
  3. Clique em "Mais ferramentas"
  4. Clique em "Pesquisar"

insira a descrição da imagem aqui

Patrick S
fonte
5

Caso ainda não funcione, verifique se esta extensão está instalada no seu chrome:

preenchimento de formulário: https://chrome.google.com/webstore/detail/form-filler/bnjjngeaknajbdcgpfkgnonkmififhfo?hl=en

CTRL + SHIFT + F ainda não estava funcionando para mim, mas descobri que a extensão do Chrome "Form Filler" estava substituindo o "search all" no comando do console

Para alterar isso: vá para url -> chrome: // extensions /

vá para o canto inferior direito: Atalhos do teclado e você pode alterar o comando + CTRL + SHIFT + F para preenchimento de formulário

o comando CTRL + SHIFT + F no console de pesquisa do Chrome funcionou novamente

Xavave
fonte
4

Na versão mais recente, CTRL + SHIFT + F não funciona mais, mesmo após a ativação da "Pesquisa em scripts anônimos e de conteúdo".

Etapas 1) Você precisa clicar nas três edições no canto superior direito ou no canto inferior esquerdo das ferramentas de desenvolvimento. insira a descrição da imagem aqui

2) Você verá uma opção de pesquisa que é o que você deseja.

3) Além disso, a guia de pesquisa está presente na parte inferior. Portanto, pode não estar visível, então você pode precisar arrastá-la para cima . insira a descrição da imagem aqui

Achal Gupta
fonte