Capturer une trace de navigateur pour la résolution des problèmes

Si vous comptez résoudre un problème lié au portail Azure et avez besoin de contacter le support Microsoft, vous souhaiterez peut-être commencer par capturer des informations supplémentaires. Par exemple, il peut être utile de partager une trace de navigateur, un enregistrement d’étape et une sortie de console. Ces informations peuvent fournir des détails importants sur ce qui se passe exactement dans le portail lorsque votre problème se produit.

Avertissement

Les traces du navigateur contiennent souvent des informations sensibles et peuvent inclure des jetons d’authentification liés à votre identité. Supprimez toutes les informations sensibles avant de partager des traces avec d’autres personnes. Le support Microsoft utilise ces traces à des fins de résolution des problèmes uniquement.

Vous pouvez capturer ces informations dans n’importe quel navigateur pris en charge : Microsoft Edge, Google Chrome, Safari (sur Mac) ou Firefox. Les étapes de chaque navigateur sont indiquées ci-dessous.

Microsoft Edge

Les étapes suivantes montrent comment utiliser les outils de développeur de Microsoft Edge. Pour plus d’informations, consultez DevTools de Microsoft Edge.

Notes

Les captures d’écran ci-dessous montrent le DevTools en mode Focus avec une barre d’activité verticale. Votre configuration peut varier en fonction de vos paramètres. Pour plus d’informations, consultez Simplifier DevTools au moyen du mode Focus.

  1. Connectez-vous au portail Azure. Il est important de vous connecter avant de démarrer la trace. De cette façon, la trace ne contiendra pas d’informations sensibles relatives à votre compte.

  2. Commencez l’enregistrement des actions que vous effectuez dans le portail, à l’aide de l’Enregistreur d’actions.

  3. Dans le portail, accédez à l’action qui a précédé le moment où le problème s’est produit.

  4. Appuyez sur F12 pour le lancement de Microsoft Edge DevTools. Vous pouvez également lancer les outils à partir du menu de la barre d’outils, sous Autres outils>Outils de développement.

  5. Par défaut, le navigateur conserve uniquement les informations de trace de la page actuellement chargée. Définissez les options suivantes pour que le navigateur conserve toutes les informations de trace, même si vos étapes de reproduction nécessitent l’accès à plusieurs pages.

    1. Sélectionnez l’onglet Console, sélectionnez Console settings (Paramètres de la console), puis sélectionnez Preserve Log (Conserver le journal).

      Capture d’écran mettant en évidence l’option Conserver le journal sous l’onglet Console dans Edge.

    2. Sélectionnez l’onglet Réseau. Si cet onglet n’est pas visible, cliquez sur le bouton Plus d’outils (+) et sélectionnez Réseau. Sélectionnez ensuite Conserver le journal depuis l’onglet Réseau.

      Capture d’écran mettant en évidence l’option Conserver le journal sous l’onglet Réseau dans Edge.

  6. Sous l’onglet Réseau, sélectionnez Arrêter l’enregistrement du journal réseau et Effacer.

    Capture d’écran des options Arrêter l’enregistrement du journal réseau et Effacer sous l’onglet Réseau dans Edge.

  7. Sélectionnez Record network log (Enregistrer le journal réseau), puis reproduisez le problème dans le portail.

    Capture d’écran montrant comment enregistrer le journal réseau dans Edge.

    Vous devez voir une sortie de session similaire à celle-ci :

    Capture d’écran de la sortie de session dans Edge.

  8. Une fois que vous avez reproduit le comportement inattendu du portail, sélectionnez Stop recording network log (Arrêter l’enregistrement du journal réseau) et Export as HAR (Exporter en tant que HAR), puis enregistrez le fichier.

    Capture d’écran montrant comment exporter HAR sous l’onglet Réseau dans Edge.

  9. Arrêtez l’enregistreur d’actions, puis sauvegardez l’enregistrement.

  10. De retour dans le volet Outils de développement du navigateur, sélectionnez l’onglet Console. Cliquez avec le bouton de droite, sélectionnez Enregistrer sous... , puis enregistrez la sortie de la console dans un fichier texte.

    Capture d’écran montrant comment enregistrer la sortie de console dans Edge.

  11. Empaquetez le fichier HAR de trace du navigateur, la sortie de la console et les fichiers d’enregistrement de l’écran dans un format compressé (format .zip, par exemple).

  12. Partagez le fichier compressé avec le support Microsoft à l’aide de l’option Chargement de fichiers dans votre demande de support.

Google Chrome

Les étapes suivantes montrent comment utiliser les outils de développeur dans Google Chrome. Pour plus d’informations, consultez DevTools Chrome.

  1. Connectez-vous au portail Azure. Il est important de vous connecter avant de démarrer la trace. De cette façon, la trace ne contiendra pas d’informations sensibles relatives à votre compte.

  2. Commencez l’enregistrement des actions que vous effectuez dans le portail, à l’aide de l’Enregistreur d’actions.

  3. Dans le portail, accédez à l’action qui a précédé le moment où le problème s’est produit.

  4. Appuyez sur F12 pour lancer les outils de développement. Vous pouvez également lancer les outils à partir du menu de la barre d’outils, sous Autres outils>Outils de développement.

  5. Par défaut, le navigateur conserve uniquement les informations de trace de la page actuellement chargée. Définissez les options suivantes pour que le navigateur conserve toutes les informations de trace, même si vos étapes de reproduction nécessitent l’accès à plusieurs pages :

    1. Sélectionnez l’onglet Console, sélectionnez Console settings (Paramètres de la console), puis sélectionnez Preserve Log (Conserver le journal).

      Capture d’écran mettant en évidence l’option Conserver le journal sous l’onglet Console dans Chrome.

    2. Sélectionnez l’onglet Network (Réseau), puis sélectionnez Preserve log (Conserver le journal).

      Capture d’écran mettant en évidence l’option Conserver le journal sous l’onglet Réseau dans Chrome.

  6. Sous l’onglet Réseau, sélectionnez Arrêter l’enregistrement du journal réseau et Effacer.

    Capture d’écran des options « Arrêter l’enregistrement du journal réseau » et « Effacer » sous l’onglet Réseau dans Chrome.

  7. Sélectionnez Record network log (Enregistrer le journal réseau), puis reproduisez le problème dans le portail.

    Capture d’écran montrant comment enregistrer le journal réseau dans Chrome.

    Vous devez voir une sortie de session similaire à celle-ci :

    Capture d’écran de la sortie de session dans Chrome.

  8. Une fois que vous avez reproduit le comportement inattendu du portail, sélectionnez Stop recording network log (Arrêter l’enregistrement du journal réseau) et Export as HAR (Exporter en tant que HAR), puis enregistrez le fichier.

    Capture d’écran montrant comment exporter HAR sous l’onglet Réseau dans Chrome.

  9. Arrêtez l’enregistreur d’actions, puis sauvegardez l’enregistrement.

  10. De retour dans le volet Outils de développement du navigateur, sélectionnez l’onglet Console. Cliquez avec le bouton de droite, sélectionnez Enregistrer sous... , puis enregistrez la sortie de la console dans un fichier texte.

    Capture d’écran montrant comment enregistrer la sortie de la console dans Chrome.

  11. Empaquetez le fichier HAR de trace du navigateur, la sortie de la console et les fichiers d’enregistrement de l’écran dans un format compressé (format .zip, par exemple).

  12. Partagez le fichier compressé avec le support Microsoft à l’aide de l’option Chargement de fichiers dans votre demande de support.

Safari

Les étapes suivantes montrent comment utiliser les outils de développement d’Apple Safari sur Mac. Pour plus d’informations, consultez Présentation des outils de développement Safari.

  1. Activez les outils de développement dans Safari :

    1. Sélectionnez Safari, puis sélectionnez Préférences.

    2. Sélectionnez l’onglet Avancé, puis sélectionnez Afficher le menu Développement dans la barre des menus.

      Capture d’écran des préférences avancées dans Safari.

  2. Connectez-vous au portail Azure. Il est important de vous connecter avant de démarrer la trace. De cette façon, la trace ne contiendra pas d’informations sensibles relatives à votre compte.

  3. Commencez l’enregistrement des actions que vous effectuez dans le portail. Pour plus d’informations, consultez Procédure d’enregistrement de l’écran de votre Mac.

  4. Dans le portail, accédez à l’action qui a précédé le moment où le problème s’est produit.

  5. Sélectionnez Développer, puis sélectionnez Afficher Web Inspector.

    Capture d’écran de la commande « Afficher Web Inspector ».

  6. Par défaut, le navigateur conserve uniquement les informations de trace de la page actuellement chargée. Définissez les options suivantes pour que le navigateur conserve toutes les informations de trace, même si vos étapes de reproduction nécessitent l’accès à plusieurs pages :

    1. Sélectionnez l’onglet Console, puis sélectionnez Preserve log (Conserver le journal).

      Capture d’écran montrant l’option Preserve Log sous l’onglet Console.

    2. Sélectionnez l’onglet Network (Réseau), puis sélectionnez Preserve log (Conserver le journal).

      Capture d’écran montrant l’option Conserver le journal sous l’onglet Réseau.

  7. Sous l’onglet Réseau, sélectionnez Effacer les éléments réseau.

    Capture d’écran de « Effacer les éléments réseau » sous l’onglet Réseau.

  8. Reproduisez le problème dans le portail. Vous devez voir une sortie de session similaire à celle-ci :

    Capture d’écran de la sortie après avoir reproduit le problème.

  9. Une fois que vous avez reproduit le comportement inattendu du portail, sélectionnez Export (Exporter), puis enregistrez le fichier.

    Capture d’écran de la commande « Exporter » sous l’onglet Réseau.

  10. Arrêtez l’enregistreur d’écran et sauvegardez l’enregistrement.

  11. De retour dans le volet Outils de développement du navigateur, sélectionnez l’onglet Console, puis développez la fenêtre. Placez le curseur au début de la sortie de la console, puis faites glisser la souris et sélectionnez tout le contenu de la sortie. Appuyez sur les touches Commande-C pour copier la sortie et l’enregistrer dans un fichier texte.

    Capture d’écran montrant où vous pouvez consulter et copier la sortie de la console.

  12. Empaquetez le fichier HAR de trace du navigateur, la sortie de la console et les fichiers d’enregistrement de l’écran dans un format compressé (format .zip, par exemple).

  13. Partagez le fichier compressé avec le support Microsoft à l’aide de l’option Chargement de fichiers dans votre demande de support.

Firefox

Les étapes suivantes montrent comment utiliser les outils de développement dans Firefox. Pour plus d’informations, consultez Outils de développement Firefox.

  1. Connectez-vous au portail Azure. Il est important de vous connecter avant de démarrer la trace. De cette façon, la trace ne contiendra pas d’informations sensibles relatives à votre compte.

  2. Commencez l’enregistrement des actions que vous effectuez dans le portail. Utilisez Enregistreur d’actions sur Windows ou consultez Comment enregistrer l’écran sur votre Mac.

  3. Dans le portail, accédez à l’action qui a précédé le moment où le problème s’est produit.

  4. Appuyez sur F12 pour lancer les outils de développement. Vous pouvez également lancer les outils à partir du menu de la barre d’outils, sous Autres outils>Outils de développement web.

  5. Par défaut, le navigateur conserve uniquement les informations de trace de la page actuellement chargée. Définissez les options suivantes pour que le navigateur conserve toutes les informations de trace, même si vos étapes de reproduction nécessitent l’accès à plusieurs pages :

    1. Sélectionnez l’onglet Console, sélectionnez l’icône Paramètres, puis Conserver les journaux.

      Capture d’écran du paramètre Console pour Conserver les journaux.

    2. Sélectionnez l’onglet Réseau, sélectionnez l’icône Paramètres, puis Conserver les journaux.

      Capture d’écran du paramètre Réseau pour Conserver les journaux.

  6. Sous l’onglet Réseau, sélectionnez Effacer.

    Capture d’écran de l’option « Effacer » sous l’onglet Réseau.

  7. Reproduisez le problème dans le portail. Vous devez voir une sortie de session similaire à celle-ci :

    Capture d’écran montrant un exemple de résultats de trace de navigateur.

  8. Une fois que vous avez reproduit le comportement inattendu du portail, sélectionnez Save All As HAR (Tout enregistrer au format HAR).

    Capture d’écran de la commande « Enregistrer tout comme HAR » sous l’onglet Réseau.

  9. Arrêtez l’enregistreur d’actions sur Windows ou l’enregistrement d’écran sur Mac, puis sauvegardez l’enregistrement.

  10. Retournez dans le volet des outils de développement du navigateur pour sélectionner l’onglet Console. Cliquez avec le bouton droit sur l’un des messages, sélectionnez Enregistrer tous les messages dans un fichier, puis enregistrez la sortie de la console dans un fichier texte.

    Capture d’écran de la commande Enregistrer tous les messages dans un fichier sous l’onglet Console.

  11. Empaquetez le fichier HAR de trace du navigateur, la sortie de la console et les fichiers d’enregistrement de l’écran dans un format compressé (format .zip, par exemple).

  12. Partagez le fichier compressé avec le support Microsoft à l’aide de l’option Chargement de fichiers dans votre demande de support.

Étapes suivantes