Outil Analyse des cartes sources

  • Article

Utilisez l’outil Moniteur des cartes sources pour surveiller les fichiers sources de votre page web qui ont demandé le chargement des mappages sources et si les mappages sources ont été chargés. Cet outil est utile si votre page web utilise des mappages de sources pour mapper votre code retraité à votre code source d’origine. Le mappage source vous permet de voir et de déboguer votre code source d’origine, plutôt que d’avoir à travailler avec la version retraitée de votre code retournée par le serveur.

Pour essayer cette fonctionnalité :

  1. Dans un nouvel onglet ou une nouvelle fenêtre, suivez les instructions fournies dans Mapper le code traité à votre code source d’origine pour le débogage, puis continuez ci-dessous.

  2. Fermez la boîte de dialogue contextuelle à laquelle la démonstration s’ouvre.

  3. Dans l’outil Sources , sous l’onglet Page , sélectionnez le fichier que la démonstration a créé pour vous, par exemple Coffee2.js.

  4. Dans DevTools, dans la barre d’outils main, cliquez sur le bouton Autres outils (icône Autres outils), puis sélectionnez l’outil Moniteur de cartes sources.

    L’outil Analyse des cartes sources

Exclusions et inclusions

L’outil Analyse des cartes sources indique les recherches d’URL qui ont ou n’ont pas été tentées, comme configuré dans les paramètres de filtre dans DevTools Paramètres > Symbole Comportement du filtre du serveur>. Par exemple :

  1. Cliquez avec le bouton droit sur une page web, puis sélectionnez Inspecter. DevTools s’ouvre.

  2. Cliquez sur le bouton Paramètres (icône Paramètres pour DevTools), puis sélectionnez Serveur de symboles.

  3. Dans la liste déroulante Comportement de filtre, sélectionnez Liste d’exclusion (ou Liste d’inclusion). Si la liste déroulante Comportement de filtre n’est pas affichée, définissez les paramètres du serveur de symboles, comme décrit dans les articles suivants :

  4. Dans la zone de texte Comportement de filtre, entrez un domaine avec un caractère générique à exclure (ou à inclure), par exemple : https://ryanseddon.com/*

  5. Fermez Paramètres DevTools.

  6. Dans DevTools, sélectionnez l’outil Analyse des cartes sources .

    L’outil Moniteur des cartes sources indique désormais les tentatives de recherche d’URL de carte source exclues (ou incluses) :

L’outil Analyse des cartes sources indique que les recherches d’URL de la carte source ont été tentées

Voir aussi