Puis-je obtenir chrome-devtools pour rechercher toutes les sources JS?

171

J'ai du mal à rechercher dans les fichiers JS dans les outils de développement de chrome, dans le passé, la recherche activée par Ctrl+ Shift+ Ftrouvait toujours ce que je voulais, mais récemment (je ne sais pas exactement quelle mise à jour a déclenché cela), je trouve le la recherche n'attrape pas

JS dans les balises de script en ligne
JS à l'intérieur des iframes.

J'ai également trouvé que la pile d'appels était gâchée lorsque des scripts en ligne étaient impliqués, mais lorsque j'essaye de chercher sur Google pour ces problèmes, je reçois simplement les pages de documentation des outils de développement, est-ce que quelqu'un d'autre a remarqué ces problèmes? Est-ce que j'imaginais que cela fonctionnait avant?

javascript google-chrome-devtools David McMullin
la source

4

Attention, la réponse acceptée fonctionne avec CTRL + SHIFT + F et "Rechercher dans les scripts de contenu" activés, mais Chrome ne compte qu'une seule correspondance par ligne, même s'il y a plusieurs correspondances sur une ligne donnée. Avec JS minifié, vous verrez cela souvent. J'avais pensé qu'il s'agissait d'un bug de Chrome jusqu'à ce que je réalise qu'il trouverait toutes les instances si vous cliquez sur le script en question et CTRL + F là-bas.

JD Smith

Bon point! J'ai trouvé un comportement incohérent avec chrome, en particulier après les mises à niveau, entre ce paramètre de "recherche dans les scripts de contenu" et l'impression de scripts minifiés, parfois les choses ne fonctionnent pas parfaitement = (

David McMullin

1

En fait, il y a des moments où Chrome ne trouve tout simplement pas quelque chose. Cela m'arrive souvent. Par exemple, lorsque je visite band-aidbrandfirstaid.com/first-aid-how-to-videos et que je recherche la source pour _satellite.jwp.videos, je ne vois aucun résultat. Pourtant, cette chaîne est présente - capture d'écran Je n'arrive pas à trouver quelqu'un d'autre avec ce problème. Pour l'instant, j'utilise Firefox et il le trouve très bien.

JD Smith

C'est vraiment curieux! J'ai essayé la même recherche dans mon chrome et cela a bien fonctionné (trouvé 5 correspondances). Avez-vous essayé d'activer l'option mentionnée dans ma réponse ci-dessous?

David McMullin

2

Le cadre peut également être écrasé jusqu'au bas de la fenêtre de la console (du moins c'était pour moi). Faites-le glisser vers le haut pour voir s'il vaut mieux.

Emery Lapinski

170

Oui, si vous souhaitez rechercher dans des sources de contenu qui sont des scripts utilisés par les extensions et l'API interne du navigateur, vous l'activez dans les paramètres de DevTools, puis à partir de n'importe quel panneau de DevTools, vous pouvez taper Ctrl+ Shift+ Fou (sur Mac) Options+ Command+ F( ⌥⌘F) pour rechercher dans toutes les sources, extraits et fichiers.

Encore plus utile à ce dont vous pourriez avoir besoin est de configurer un espace de travail dans le rouage Paramètres que vous pouvez mapper à un répertoire local de fichiers qui sera disponible dans la barre latérale du navigateur de fichiers Sources qui sera également consultable avec le raccourci ci-dessus.

Jaredwilli
la source

5

Selon un autre commentaire, il peut être utile d'expliquer comment activer la recherche, c'est-à-dire (à partir d'une autre réponse) "Activer l'option 'Rechercher dans les scripts de contenu' dans les paramètres généraux de DevTools"

samneric

3

Ceci est obsolète

cdeutsch

8

Dans la version actuelle de Chrome, DevTools> Paramètres> Préférences> Sources "Recherche dans les scripts anonymes et de contenu"

Mark Hansen

D'accord, ce n'est pas à jour. Ce serait également formidable de préciser où dans les paramètres des outils de développement cela doit être activé.

Max MacLeod

44

Il semble que la réponse soit toujours plus facile à trouver après avoir 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'activation et le redémarrage de Chrome ont résolu tous mes problèmes.

David McMullin
la source

1

Ce serait bien si Chrome nous invite à activer cette option lorsque vous faites CTRL + SHIFT + F. Je ne me souviens pas non plus de l'avoir désactivé, mais un jour, il a cessé de fonctionner. Merci de m'avoir évité d'utiliser Firefox à cette fin!

JD Smith

Je suis à peu près sûr qu'il recherchait parmi toutes les sources avant, mais soudain, il s'est arrêté! maintenant en vérifiant cette option, cela fonctionne à nouveau! merci

Bakhshi

J'ai eu exactement la même expérience, j'adore le chrome la plupart du temps mais je trouve parfois un comportement inattendu après les mises à jour = (Content que ça fonctionne à nouveau maintenant!

David McMullin

5

Dans Chrome 56, vous trouverez cette option sous [menu DevTools en haut à droite de la fenêtre DevTools] -> Paramètres -> Préférences -> Sources -> "Rechercher dans les scripts de contenu" (case à cocher tout en bas)

Chris

6

Pour moi, dans Chrome 69, ça s'appelle maintenant "Rechercher dans des scripts anonymes et de contenu"

Jono

35

Dernière version de DevTools

Cliquez sur l'icône triple point à droite du dock DevTool et choisissez Rechercher .

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

Ancienne version de DevTools

Activez l' option « Rechercher dans les scripts de contenu » dans les paramètres généraux de DevTools. Cela permettra aux scripts de contenu d'être consultables.

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

Par exemple:

Google Chrome - Scripts de contenu - Recherche dans les sources

Si vous n'avez pas l' onglet Recherche en bas du panneau DevTools , cliquez sur l'icône à trois points pour l'ouvrir.

Kenorb
la source

1

Pour moi, j'ai dû agrandir le panneau contenant les résultats de la recherche.

Eng.Fouad

8

J'étais confronté au même problème que CTRL + SHIFT + F ne fonctionnait plus.

Appuyez sur f12 pour ouvrir les outils de développement
Cliquez sur les points de suspension verticaux sur le côté droit de la barre d'outils du développeur pour ouvrir ses options
Cliquez sur "Plus d'outils"
Cliquez sur "Rechercher"

Patrick S
la source

5

Au cas où cela ne fonctionnerait toujours pas, vérifiez si cette extension est installée dans votre chrome:

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

CTRL + SHIFT + F ne fonctionnait toujours pas pour moi, mais j'ai découvert que l'extension de chrome "Form Filler" remplaçait le "rechercher tout" dans la commande de la console

Pour changer cela: allez à url -> chrome: // extensions /

puis allez en bas à droite: Raccourcis clavier et vous pouvez modifier la commande + CTRL + SHIFT + F pour le remplissage de formulaire

puis la commande CTRL + SHIFT + F dans la console de recherche chrome a fonctionné à nouveau

Xavave
la source

4

Dans la dernière version, CTRL + SHIFT + F ne fonctionne plus même après avoir activé "Rechercher dans les scripts anonymes et de contenu".

Étapes 1) Vous devez cliquer sur les trois modifications en haut à droite ou en bas à gauche des outils de développement.

2) Vous verrez une option de recherche qui est ce que vous voulez.

3) L'onglet de recherche est également présent en bas, il peut donc ne pas être visible et vous devrez peut-être faire glisser l'onglet vers le haut .

Achal Gupta
la source

Puis-je obtenir chrome-devtools pour rechercher toutes les sources JS?

Réponses:

Dernière version de DevTools

Ancienne version de DevTools