254 votes

Puis-je faire en sorte que chrome-devtools recherche réellement toutes les sources JS ?

J'ai des problèmes avec la recherche dans les fichiers JS dans les outils de développement de chrome, dans le passé la recherche activée par Ctrl + Shift + F trouvait toujours ce que je voulais, mais depuis peu (je ne sais pas exactement quelle mise à jour a déclenché cela), je constate que la recherche n'attrape pas

  • JS dans les balises script en ligne

  • JS dans les iframes.

J'ai également constaté que la pile d'appels était en désordre lorsque des scripts en ligne étaient impliqués, mais lorsque j'essaie de rechercher ces problèmes sur Google, je n'obtiens que les pages de doc de dev-tools, quelqu'un d'autre a-t-il remarqué ces problèmes ? Est-ce que j'ai juste imaginé que cela fonctionnait avant ?

254voto

jaredwilli Points 2215

Oui, si vous voulez rechercher dans les 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 et ensuite à partir de n'importe quel panneau dans DevTools vous pouvez taper Ctrl + Shift + F ou (sur Mac) Options + Command + F (⌥⌘F) pour effectuer une recherche dans toutes les sources, les extraits et les fichiers.

Il est encore plus utile de créer un espace de travail dans le menu Paramètres, que vous pouvez associer à un répertoire local de fichiers qui sera disponible dans la barre latérale du navigateur de fichiers Sources et qui sera également consultable avec le raccourci ci-dessus.

65voto

David McMullin Points 1648

Il existe une option sous Paramètres -> Préférences -> Sources appelé "Recherche dans les scripts anonymes et de contenu".

Je ne sais pas comment/quand j'ai désactivé cette fonction, mais l'activer et redémarrer Chrome a réglé tous mes problèmes.

49voto

kenorb Points 2464

Dernière version de DevTools

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

Ou juste frapper : Control - Shift - F en utilisant DevTools ( Control - Shift - I ).

DevTools Dock menu


Une version plus ancienne de DevTools

Activer ' Recherche dans le contenu scripts dans les paramètres généraux de DevTools. Elle permettra contenu scripts pour être consultable.

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

Par exemple :

Google Chrome - Content scripts - Search in sources


Si vous n'avez pas le Recherche dans le bas de la page DevTools cliquez sur l'icône du triple point pour l'ouvrir.

Chrome/Chromium - DevTools Search in source code files

14voto

Patrick S Points 373

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

  1. Appuyez sur f12 pour ouvrir les outils de développement
  2. Cliquez sur l'ellipse verticale sur le côté droit de la barre d'outils du développeur pour ouvrir ses options
  3. Cliquez sur "Autres outils".
  4. Cliquez sur "Rechercher".

enter image description here

11voto

Achal Gupta Points 194

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. enter image description here

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

3) De même, l'onglet de recherche est présent en bas de l'écran, il peut donc ne pas être visible et vous devrez peut-être le faire. faites glisser l'onglet vers le haut . enter image description here

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X