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

google-chrome google-chrome-devtools script-debugging

— Slavo
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

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,
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:

— vsevik
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]

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

— Asher
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":

— Big McLargeÉnorme
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
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:

— Zinan Xing
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.

— Rupesh Kumar Tiwari
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
source