146 votes

Comment accéder à un fichier spécifique dans les outils de développement de Chrome ?

Je développe une application web avec une approche frontale lourde. En utilisant Dojo et l'AMD-way, j'ai actuellement des écrans de test qui peuvent facilement charger plus de cent fichiers javascript différents.

Lorsque je veux déboguer un problème spécifique ou vérifier si je vois une ancienne version d'un fichier particulier, j'ai beaucoup de mal à trouver mes fichiers dans l'onglet Sources des outils de développement de Chrome.

Y a-t-il un raccourci ou une action que je puisse faire qui me permette de taper le nom d'un fichier et m'amène à la source de ce fichier ?

193voto

CD.. Points 23701

Dans l'onglet des sources, utilisez CTRL + O ( + O pour Mac) pour rechercher des scripts, des feuilles de style et des snippets par nom de fichier.

(utiliser CTRL + SHIFT + O pour filtrer/naviguer vers une fonction JavaScript/une règle CSS lors de l'affichage d'un fichier)

[ Feuille de route de Chrome Devtools ]

32voto

Aleksei Mialkin Points 1452

CTRL + P fait apparaître l'entrée de recherche dans Windows.

enter image description here

+ P - dans Mac.

enter image description here

7voto

40-Love Points 1333

Dans Windows :

Utilisez CTRL + SHIFT + F pour rechercher du contenu dans les fichiers.

Utilisez CTRL + SHIFT + O pour rechercher des noms de fichiers.

1voto

Jackie Points 41

Mac : Commande + O Windows : Ctrl + O

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X