Outil Analyse des cartes sources

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 (), puis sélectionnez l’outil Moniteur de 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 (), 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 :

   • Déboguer en toute sécurité le code d’origine en publiant des mappages sources sur le serveur de symboles Azure Artifacts
   • Déboguer en toute sécurité le code d’origine à l’aide de mappages sources de serveur de symboles Azure Artifacts
   • Améliorations apportées à la connexion de DevTools au serveur de symboles Azure Artifacts dans Nouveautés de DevTools (Microsoft Edge 115).

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) :

Voir aussi

• Mapper le code traité à votre code source d’origine, pour le débogage
• Déboguer en toute sécurité le code d’origine en publiant des mappages sources sur le serveur de symboles Azure Artifacts
• Déboguer en toute sécurité le code d’origine à l’aide de mappages sources de serveur de symboles Azure Artifacts
• L’outil Sources vous avertit désormais quand les mappages de sources ne peuvent pas être chargés dans Nouveautés de DevTools (Microsoft Edge 96).