web-dev-qa-db-fra.com

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

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

Lorsque je souhaite déboguer un problème spécifique ou vérifier si je vois une ancienne version d'un fichier spécifique, je trouve vraiment difficile de trouver mes fichiers dans l'onglet Sources des Outils de développement Chrome.

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

71
Alpha

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

(utilisation CTRL+SHIFT+O filtrer/naviguer vers une fonction JavaScript/règle CSS lors de la visualisation d'un fichier)

[ Cheatsheet Chrome Devtools ]

117
CD..

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

enter image description here

 + P - sous Mac.

enter image description here

13
Aleksei Mialkin

Sous Windows:

Utilisation CTRL+SHIFT+F pour rechercher du contenu dans des fichiers.

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

1
live-love

Mac: Commande + OWindows: Ctrl + O

0
Jackie