web-dev-qa-db-fra.com

Puis-je faire en sorte que chrome-devtools effectue une recherche dans toutes les sources JS?

Je n'arrive pas à chercher dans les fichiers JS dans chrome dev-tools, dans le passé, la recherche activée par Ctrl + Maj + f avait toujours trouvé ce que je voulais, mais récemment (je ne suis pas je suis sûr que la mise à jour a déclenché cette erreur).

  • JS dans les balises de script en ligne

  • JS dans les iframes.

J'ai également constaté que la pile d'appels était gâchée lorsque des scripts inline étaient impliqués, mais lorsque j'essaie de rechercher ces problèmes dans Google, je ne reçois que les pages de documentation de dev-tools. Quelqu'un d'autre a-t-il remarqué ces problèmes? Est-ce que j'imaginais que cela fonctionnait auparavant?

124
David McMullin

Il semble que la réponse soit toujours plus facile à trouver une fois que vous avez pris le temps de formuler la question correctement ...

J'ai trouvé une option sous Général -> Sources appelée "Rechercher dans les scripts de contenu". Je ne sais pas comment/quand j'ai désactivé cela, mais l'activer et le redémarrer chrome a résolu tous mes problèmes.

40
David McMullin

Oui, si vous souhaitez effectuer une recherche dans les sources de contenu qui sont des scripts utilisés par les extensions et l'API du navigateur interne, activez-la dans les Paramètres de DevTools, puis dans n'importe quel panneau de DevTools, vous pouvez taper Ctrl + - Maj + F ou (sur Mac) Option + Commande + - F (F) pour rechercher dans toutes les sources, extraits et fichiers.

Ce qui est encore plus utile, c’est de configurer un espace de travail dans la boîte de dialogue Paramètres que vous pouvez mapper sur un répertoire local de fichiers qui sera disponible dans la barre latérale du navigateur de fichiers Sources et qui sera également interrogeable à l’aide du raccourci ci-dessus.

124
jaredwilli

Dernière version de DevTools

Cliquez sur l'icône triple point à droite du dock DevTool, puis choisissez Search .

Ou appuyez simplement sur: Control-Shift-F en utilisant DevTools (Control-Shift-I).

DevTools Dock menu


Ancienne version de DevTools

Activez l'option ' dans les scripts de contenu ' dans les paramètres généraux de DevTools. Cela permettra à scripts de conten d'être consultable.

Ensuite, dans le panneau de DevTools , vous pouvez rechercher les fichiers source en bas du panneau.

Par exemple:

Google Chrome - Content scripts - Search in sources


Si vous ne disposez pas de l'onglet Rechercher en bas du panneau DevTools , cliquez sur l’icône triple point pour l’ouvrir.

Chrome/Chromium - DevTools Search in source code files

23
kenorb

Si cela ne fonctionne toujours pas, vérifiez si cette extension est installée dans votre chrome:

remplisseur de formulaires: https://chrome.google.com/webstore/detail/form-filler/bnjjngeaknajbdcgpfkgnonkmififhfo?hl=fr

CTRL + SHIFT + F ne fonctionnait toujours pas pour moi mais j'ai alors découvert que chrome l'extension "Form Filler" surchargeait la "recherche de tous" dans la commande de console

Pour changer ceci: allez à l'URL -> chrome: // extensions /

puis allez en bas à droite: raccourcis clavier et vous pouvez changer la commande + CTRL + SHIFT + F pour le remplisseur de formulaire

puis la commande CTRL + MAJ + F dans chrome a fonctionné à nouveau

5
Xavave

Je faisais face au même problème CTRL + MAJ + F ne fonctionnait plus.

  1. Appuyez sur f12 pour ouvrir les outils de développement.
  2. Cliquez sur Ellipsis vertical sur le côté droit de la barre d’outils développeur pour ouvrir ses options.
  3. Cliquez sur "Plus d'outils"
  4. Cliquez sur "Rechercher"

enter image description here

3
Patrick S