Recherche: rechercher du texte dans toutes les ressources chargées

Sofia Emelianova
Sofia Emelianova

Utilisez le panneau de recherche pour rechercher du texte dans toutes les ressources chargées.

Vous pouvez également utiliser les barres de recherche intégrées pour rechercher du texte dans une ressource ouverte dans un outil spécifique.

Présentation

Le panneau Rechercher vous permet de rechercher du texte dans toutes les ressources chargées, avec la possibilité d'utiliser des expressions régulières ou de rendre la recherche sensible à la casse. Une fois que vous avez trouvé le texte, vous pouvez afficher sa source dans le panneau Sources.

Vous pouvez ouvrir le panneau Recherche de plusieurs manières. Commencez par ouvrir les outils pour les développeurs, puis effectuez l'une des opérations suivantes :

  • En haut à droite des outils de développement, sélectionnez Personnaliser et contrôler les outils de développement Personnaliser et contrôler les outils de développement > Plus d'outils > Rechercher.
  • Appuyez sur Échap pour ouvrir le volet, puis en haut à gauche, sélectionnez Personnaliser et contrôler les outils de développement Plus d'outils > Rechercher.
  • Appuyez sur Commande+Option+F (Mac) ou Ctrl+Maj+F (Windows/Linux).

Rechercher du texte dans toutes les ressources chargées

Pour rechercher du texte dans toutes les ressources chargées, saisissez votre requête dans la barre de recherche du panneau Recherche, puis appuyez sur Entrée.

Résultats de recherche.

Lorsque DevTools trouve plusieurs correspondances sur une même ligne, les résultats de recherche les répertorient toutes avec le même numéro de ligne. Cliquez sur un résultat de recherche pour que les outils de développement ouvrent la ligne dans Sources et font défiler la correspondance jusqu'à l'affichage.

Pour rendre votre requête sensible à la casse, activez le bouton Respecter la casse .

Bouton "Respecter la casse".

Pour rechercher du texte qui correspond à une expression régulière, activez le bouton Expression régulière .

Bouton "Expression régulière".

Réexécuter une requête, développer et effacer les résultats

Pour réexécuter votre requête de recherche, cliquez sur Actualiser. Actualiser.

Pour développer tous les résultats de recherche:

  • Sous Windows / Linux, appuyez sur Ctrl+Maj+{ ou }.
  • Sous macOS, appuyez sur Command+Option+{ ou }.

Pour effacer les résultats de recherche, cliquez sur Effacer. Effacer.

Rechercher du texte dans un outil spécifique

Pour limiter le champ d'application de votre recherche à une ressource ouverte dans un outil spécifique, vous pouvez utiliser une barre de recherche intégrée si l'outil le permet.

Les barres de recherche comportent des boutons haut et bas permettant d'accéder aux résultats de recherche précédents et suivants.

Pour ouvrir une barre de recherche intégrée dans un outil spécifique, appuyez sur Cmd+F (Mac) ou Ctrl+F (Windows/Linux).

Tous les panneaux et onglets DevTools ne disposent pas d'une barre de recherche intégrée, mais ceux qui en ont une proposent souvent des fonctionnalités spécifiques à l'outil. Vous trouverez ci-dessous une liste d'outils avec des barres de recherche et leurs fonctionnalités.

Panneau ou onglet Sensible à la casse RegEx Portée Fonctionnalités propres aux outils
Éléments arborescence DOM Rechercher par sélecteur et XPath
Console Oui. Oui. Messages de journal
Sources Oui. Oui. Fichier source actuel Remplacer
Réseau Oui. Oui. En-têtes réseau, charges utiles et réponses
Performances Oui. Oui. Activités dans le canal Principal et requêtes dans le canal Réseau
Mémoire Oui. Profils Rechercher des profils d'échantillonnage par coût, nom et fichier
Profileur JavaScript Oui. Profils de processeur Rechercher par coût, nom et fichier
Quick Source Oui. Oui. Fichier source actuel Remplacer