Como acessar um arquivo específico nas Ferramentas do desenvolvedor do Chrome?

97

Estou desenvolvendo um aplicativo da web com uma abordagem de front-end pesada. Usando o Dojo e o modo AMD, atualmente tenho telas de teste que podem facilmente carregar mais de cem arquivos javascript diferentes.

Quando desejo depurar algum problema específico ou verificar se estou vendo uma versão antiga de um arquivo específico, acho muito difícil encontrar meus arquivos na guia Fontes nas Ferramentas de desenvolvedor do Chrome.

Existe algum atalho ou ação que eu possa fazer que me permita digitar o nome de um arquivo e me leve à origem desse arquivo?

javascript debugging google-chrome google-chrome-devtools frontend Alfa
fonte
2
No canto inferior direito do console, há um ícone de engrenagem. Clique. Na última guia da janela de configurações, há uma guia de atalhos. Você pode ver os combos de teclas como a resposta.
epascarello
Use 'Ir para o arquivo' no Google Dev Tools (uma ferramenta flexível e útil com capacidade de pesquisa pelo nome da função, nome da classe em CSS, ...) 'Vá para o arquivo' no Google Dev Tools
Iman Bahrampour

Respostas:

142

Enquanto estiver na guia de fontes use CTRL+ O( ⌘+O para Mac) para pesquisar scripts, folhas de estilo e fragmentos por nome de arquivo.

(use CTRL+ SHIFT+ Opara filtrar / navegar para uma função JavaScript / regra CSS ao visualizar um arquivo)

[ Cheatsheet do Chrome Devtools ]

CD..
fonte
É bom saber disso! Você costumava (antes do Chrome 35?) Ser capaz de iniciar uma pesquisa de nome de arquivo apenas digitando com o navegador de arquivos na guia Fontes em foco; é bom saber que eles ocultaram esse recurso atrás de um atalho, em vez de removê-lo completamente. =)
rakslice
a advertência para o filtro / pesquisa é que você não consegue fazer pesquisas exatas ou curingas. a pesquisa por .jsretorna qualquer arquivo com um jou um sou a .no nome do arquivo: /
worc
15

CTRL+ Ptraz a entrada de pesquisa no Windows.

insira a descrição da imagem aqui

⌘+ P- no Mac.

insira a descrição da imagem aqui

Aleksei Mialkin
fonte
2
Oe Pparecem ter o mesmo comportamento. Eu me pergunto se um está obsoleto.
isherwood
2

No Windows:

Use CTRL+ SHIFT+ F para pesquisar conteúdo em arquivos.

Use CTRL+ SHIFT+ O para pesquisar nomes de arquivo.

amor ao vivo
fonte
0

Mac: Command + O Windows: Ctrl + O

Jackie
fonte