Comment rechercher tous les scripts chargés dans Chrome Developer Tools?

431

Dans Firebug, vous pouvez rechercher du texte et il le recherchera dans tous les scripts chargés sur une page. La même chose peut-elle être effectuée dans les outils Chrome Developer lors du débogage du script client? Je l'ai essayé, mais il semble chercher uniquement dans le script que j'ai ouvert, et non dans le reste de la page.

J'espère que les prochaines captures d'écran donneront une meilleure idée de ce que j'essaie d'accomplir: texte alternatif

Les captures d'écran suivantes proviennent d'une seule recherche dans Firebug: texte alternatif texte alternatif

google-chrome google-chrome-devtools script-debugging Slavo
la source
1
BTW, si vous utilisez les cartes sources (par exemple avec le mode Super Dev GWT), vous pouvez rechercher les fichiers .java mappés par nom ... Tapez Ctrl + O (commande + O sur mac) dans l'onglet Sources.
frankadelic
6
Puis-je suggérer de changer la réponse acceptée à vsevik? C'est beaucoup plus susceptible d'être utile aux lecteurs d'aujourd'hui.
Mark Amery
Content de! Vous avez une réponse parfaite à cette question, mais la recherche dans la réponse réseau n'est pas disponible comme dans Firebug, maintenant même pas dans firefox
Ravi Parekh
1
Utilisez 'Aller au fichier' dans Google Dev Tools (un outil flexible et utile avec recherche de capacité sur le nom de votre fonction, le nom de la classe en CSS, ...). Comment utiliser Aller au fichier dans Google Chrome DevTools
Iman Bahrampour

Réponses:

679

Ouvrez un nouveau volet de recherche dans Developer Tools en:

  • en appuyant sur Ctrl+ Shift+ F( Cmd+ Option+ Isur mac)
  • en cliquant sur le menu de débordement ( ⋮) dans DevTools,Menu de dépassement DevTools
  • en cliquant sur le menu de débordement dans la console ( ⋮) et en choisissant l'option Rechercher

Vous pouvez rechercher dans tous vos scripts en prenant en charge les expressions régulières et la sensibilité à la casse.

Cliquez sur n'importe quelle correspondance pour charger ce fichier / section dans le panneau des scripts.

Rechercher tous les fichiers - résultats

Assurez-vous que 'Rechercher dans les scripts anonymes et de contenu' est coché dans les Préférences DevTools ( F1). Cela renverra les résultats des iframes et des scripts HTML en ligne:

Recherche dans les scripts anonymes et de contenu Préférences des paramètres DevTools

vsevik
la source
14
Control + Shift + F est très utile mais ne renvoie pas tous les hits, en particulier les scripts dans iframe.
Murali VP
35
Si Control + Shift + F est la voie à suivre, alors la zone de recherche supérieure est totalement trompeuse. Deuxièmement, le flux de travail de l'interface utilisateur de recherche et de recherche est horrible. Combien pouvez-vous vraiment tenir dans cette petite zone? Pourquoi ne pas le faire comme FF le fait?
Mrchief
6
Fonctionne bien, mais cela prend beaucoup plus de temps qu'en FF. Chrome Dev Tools a encore besoin de nombreuses améliorations ... = (
Ricardo Martins
8
Assurez-vous que Developer Tools se trouve dans sa propre fenêtre, si DT est ancré à la fenêtre principale, la commande Ctrl + Maj + F ne lancera pas une recherche de sources, il exécutera plutôt une recherche par défaut.
Highway of Life
22
Le fait que j'ai dû google pour cela en dit long sur UX de Chrome Dev Tools.
Piotr Owsiak
16

Rechercher tous les fichiers avec Control + Shift + F ou Console -> [onglet Rechercher]

entrez la description de l'image ici

REMARQUE: la recherche globale apparaît à côté du menu CONSOLE

Asher
la source
Cette réponse est essentiellement la même que celle la mieux notée, que j'ai mise à jour pour inclure Console -> Recherche.
Dan Dascalescu
10

En plus de Ctrl+ Shift+ F( Cmd+ Option+ Fsur Mac) comme suggéré dans cette réponse , vous pouvez cliquer avec le bouton droit sur le nœud d'arborescence supérieur dans l'onglet sources et sélectionner "Rechercher dans tous les fichiers":

entrez la description de l'image ici

Big McLargeÉnorme
la source
5
N'existe plus? Je ne le vois pas sous Windows.
XP1
4
N'existe plus depuis Chrome 58.
Dan Dascalescu
Existe à nouveau dans la version actuelle
Julix
Je ne le vois pas dans Chrome version 79 sur mac os.
user674669
0

Dans Windows Control + Shift + F. Assurez-vous également de rechercher dans les scripts de contenu. Allez dans Paramètres-> Sources-> Rechercher dans un script anonyme et de contenu.

JDev
la source
0

Dans le dernier Chrome en date du 26/10/2018, la réponse la mieux notée ne fonctionne plus, voici comment procéder: entrez la description de l'image ici

entrez la description de l'image ici

Zinan Xing
la source
La réponse la mieux notée fonctionne toujours si vous cochez "Rechercher dans les scripts anonymes et de contenu" dans les paramètres. BTW votre réponse n'est pas liée à ce qui est demandé; c'est pour rechercher des noms de fichiers uniquement, pas le contenu.
Koray
0

Dans Widows, cela fonctionne pour moi. Control Shift F puis il ouvre une fenêtre de recherche en bas. Assurez-vous que vous développez la zone inférieure pour voir la nouvelle fenêtre de recherche.

entrez la description de l'image ici

Rupesh Kumar Tiwari
la source
-1

Votre texte peut se trouver dans la réponse de mise en réseau. Il existe également un outil de recherche dans l'onglet Réseau, et vous pouvez l'essayer.

Ce que vous souhaitez rechercher peut rester dans le DOM ou dans la mémoire. S'il n'est pas dans DOM, eh bien, il peut être en mémoire, car vous venez de le voir sur votre écran d'ordinateur de toute façon. Le texte que vous recherchez peut être chargé à partir de scripts dans le DOM initial ou à partir d'une réponse dans la demande ultérieure.

souiller
la source