Comment aller à un fichier spécifique en Chrome Developer Tools?

Je développe une application web avec un lourd avant la fin de l'approche. En utilisant Dojo et l'AMD-chemin, j'ai actuellement des tests d'écrans qui peuvent facilement charger plus d'une centaine de différents fichiers javascript.

Quand je veux debug pour un problème spécifique, ou de vérifier si je vois une ancienne version d'un fichier spécifique, je trouve ça vraiment dur de trouver mes fichiers dans l'onglet Sources dans les Outils de développement Chrome.

Est-il un raccourci ou une action que je peux faire qui me permettra de taper le nom d'un fichier et me prendre à la source de ce fichier?

  • En bas à droite de la console, il y a une icône en forme d'engrenage. Cliquez sur elle. Sur le dernier onglet dans la fenêtre paramètres, il y a un onglet raccourcis. Vous pouvez voir les combos comme la réponse.
  • Utiliser 'Aller dans" fichier " dans Google Outils de Dev (un flexible et un outil utile avec la capacité de recherche sur votre nom de fonction, nom de la classe dans le CSS, ...)Go to file' dans Google Outils de Dev
InformationsquelleAutor Alpha | 2013-01-30
  1. 117

    Tandis que dans l'onglet sources de l'utilisation CTRL+O (⌘+O pour Mac) à la recherche de scripts, feuilles de style et des extraits par nom de fichier.

    (utiliser CTRL+MAJ+O pour filtre/accédez à une fonction JavaScript/CSS règle lors de la visualisation d'un fichier)

    [Chrome Devtools Triche]

    • C'est bon à savoir! Vous avez utilisé pour (avant le Chrome 35?) être en mesure de démarrer une recherche par nom de fichier, juste en tapant avec le navigateur de fichiers dans l'onglet Sources de concentré; il est bon de savoir qu'ils ont caché cette fonctionnalité derrière un raccourci plutôt que de l'enlever complètement. =)
    • la mise en garde du filtre/de la recherche est que vous n'arrivez pas à faire exacte des recherches ou des caractères génériques. la recherche de .js renvoie n'importe quel fichier avec un j ou un s ou un . dans le fichier :/
    InformationsquelleAutor CD..
  2. 13

    CTRL + P apporte à la recherche d'entrée dans Windows.

    Comment aller à un fichier spécifique en Chrome Developer Tools?

    ⌘ + P — dans Mac.

    Comment aller à un fichier spécifique en Chrome Developer Tools?

    • O et P semblent avoir le même comportement. Je me demande si on est obsolète.
    InformationsquelleAutor Aleksei Mialkin
  3. 1

    Dans Windows:

    Utiliser CTRL+MAJ+F pour rechercher du contenu dans des fichiers.

    Utiliser CTRL+MAJ+O pour rechercher des noms de fichiers.

    InformationsquelleAutor live-love
  4. 0

    Mac: Commande + O
    Windows: Ctrl + O

    InformationsquelleAutor Jackie