Capturer des informations de trace du navigateur

Lorsque vous signalez un problème avec la console Google Cloud basée sur le Web, les informations de trace du navigateur nous aident à comprendre et à examiner votre problème. Ce guide explique comment capturer et enregistrer les artefacts pertinents afin de pouvoir les partager dans votre demande d'assistance.

Pour obtenir des conseils supplémentaires sur les informations utiles à inclure dans votre rapport, consultez Signaler un problème lié à la console Google Cloud .

Créer un fichier HAR

HAR (HTTP Archive) est un format de fichier utilisé pour enregistrer les données de session HTTP, ce qui permet de résoudre les problèmes HTTP.

Pour capturer et enregistrer un fichier HAR à l'aide de votre navigateur :

Chrome

Utilisez le panneau "Réseau" des outils pour les développeurs Chrome :

  1. Dans la console Google Cloud , accédez à la page où vous rencontrez le problème.

  2. Ouvrez les Outils pour les développeurs Chrome : effectuez un clic droit n'importe où sur la page, puis sélectionnez Inspecter.

  3. Dans le panneau "Outils de développement", sélectionnez l'onglet Réseau. L'outil commence automatiquement à enregistrer l'activité réseau.

  4. Cochez la case Conserver le journal.

  5. Cliquez sur Effacer le journal réseau.

  6. Reproduisez le problème en interagissant avec la console Google Cloud .

  7. Une fois que vous avez reproduit le problème, cliquez sur Exporter au format HAR (nettoyé) et enregistrez le fichier HAR généré.

Edge

Utilisez l'outil Réseau de Microsoft Edge DevTools :

  1. Dans la console Google Cloud , accédez à la page où vous rencontrez le problème.

  2. Ouvrez les outils de développement Microsoft Edge : effectuez un clic droit n'importe où sur la page et sélectionnez Inspecter.

  3. Dans le panneau "Outils de développement", sélectionnez l'onglet Réseau. L'outil commence automatiquement à enregistrer l'activité réseau.

  4. Cochez la case Conserver le journal.

  5. Cliquez sur Effacer le journal réseau.

  6. Reproduisez le problème en interagissant avec la console Google Cloud .

  7. Une fois que vous avez reproduit le problème, cliquez sur Exporter au format HAR  et enregistrez le fichier HAR généré.

Firefox

Utilisez le Moniteur Réseau des outils de développement Firefox :

  1. Dans la console Google Cloud , accédez à la page où vous rencontrez le problème.

  2. Ouvrez les outils de développement Firefox : effectuez un clic droit n'importe où sur la page, puis sélectionnez Inspecter.

  3. Dans le panneau "Outils de développement", sélectionnez l'onglet Réseau. L'outil commence automatiquement à enregistrer l'activité réseau.

  4. Cliquez sur Paramètres, puis sélectionnez Conserver les journaux.

  5. Cliquez sur Effacer.

  6. Reproduisez le problème en interagissant avec la console Google Cloud .

  7. Une fois que vous avez reproduit le problème, cliquez sur Paramètres > Enregistrer tout au format HAR, puis enregistrez le fichier HAR généré.

Safari

Utilisez l'onglet "Réseau" de l'inspecteur Web Safari :

  1. Activez les outils de développement Safari.

  2. Dans la console Google Cloud , accédez à la page où vous rencontrez le problème.

  3. Ouvrez l'inspecteur Web de Safari : dans la barre de menu de Safari, cliquez sur Développement > Afficher l'inspecteur Web.

  4. Dans l'outil d'inspection Web, sélectionnez l'onglet Réseau. L'outil commence automatiquement à enregistrer l'activité réseau.

  5. Cochez la case Conserver le journal, puis actualisez la page Web.

  6. Cliquez sur Effacer les éléments réseau.

  7. Reproduisez le problème en interagissant avec la console Google Cloud .

  8. Une fois que vous avez terminé de reproduire le problème, cliquez sur Exporter et enregistrez le fichier HAR généré.

Vous pouvez ensuite importer le fichier HAR enregistré en pièce jointe dans votre demande d'assistance.

Capturer un profil de performances

Si vous rencontrez des problèmes de performances, comme des interactions ou un rendu de page lents, vous pouvez enregistrer un profil de performances du navigateur. Pour capturer et enregistrer un profil de performances à l'aide de votre navigateur, procédez comme suit :

Chrome

Utilisez le panneau "Performances" des outils pour les développeurs Chrome :

  1. Dans la console Google Cloud , accédez à la page où vous rencontrez le problème.

  2. Ouvrez les Outils pour les développeurs Chrome : effectuez un clic droit n'importe où sur la page, puis sélectionnez Inspecter.

  3. Dans le panneau "Outils de développement", sélectionnez l'onglet Performances.

  4. Cliquez sur Enregistrer et actualiser, puis reproduisez le problème en interagissant avec la console Google Cloud .

    Le profileur enregistre pendant 10 secondes maximum ou jusqu'à ce que son tampon soit plein. Si vous devez enregistrer un profil plus long pour capturer le problème, vous pouvez contrôler manuellement l'enregistrement en cliquant sur Enregistrer et Arrêter.

  5. Une fois l'enregistrement du profil terminé, cliquez sur Enregistrer le profil > Enregistrer la trace, puis enregistrez le fichier généré.

Edge

Utilisez l'outil de performances Microsoft Edge DevTools :

  1. Dans la console Google Cloud , accédez à la page où vous rencontrez le problème.

  2. Ouvrez les outils de développement Microsoft Edge : effectuez un clic droit n'importe où sur la page et sélectionnez Inspecter.

  3. Dans le panneau "Outils de développement", sélectionnez l'onglet Performances.

  4. Cliquez sur  > Démarrer le profilage et actualiser la page, puis reproduisez le problème en interagissant avec la console  Google Cloud .

    Le profileur enregistre pendant 10 secondes maximum ou jusqu'à ce que son tampon soit plein. Si vous devez enregistrer un profil plus long pour capturer le problème, vous pouvez contrôler manuellement l'enregistrement en cliquant sur Enregistrer et Arrêter.

  5. Une fois l'enregistrement du profil terminé, cliquez sur Enregistrer le profil et enregistrez le fichier généré.

Firefox

Utilisez le Profiler Firefox :

  1. Activez le pop-up du profileur Firefox. Cela ajoute une icône de profileur à la barre d'outils Firefox.

  2. Dans la console Google Cloud , accédez à la page où vous rencontrez le problème.

  3. Ouvrez le menu du profileur Firefox : dans la barre d'outils Firefox, cliquez sur la flèche à côté de l'icône du profileur.

  4. Dans le menu du profileur, dans le champ Paramètres, sélectionnez Développeur Web.

  5. Cliquez sur Start Recording (Démarrer l'enregistrement), actualisez la page Web et reproduisez le problème en interagissant avec la console Google Cloud .

    Pour arrêter l'enregistrement, cliquez sur l'icône du profileur dans la barre d'outils Firefox. Un nouvel onglet s'ouvre et contient les données enregistrées dans l'application Web Firefox Profiler.

  6. Cliquez sur Importer un profil local, puis sur Télécharger et enregistrez le fichier généré.

Safari

Utilisez l'onglet "Timelines" de l'inspecteur Web Safari :

  1. Activez les outils de développement Safari.

  2. Dans la console Google Cloud , accédez à la page où vous rencontrez le problème.

  3. Ouvrez l'inspecteur Web de Safari : dans la barre de menu de Safari, cliquez sur Développement > Afficher l'inspecteur Web.

  4. Dans l'outil d'inspection Web, sélectionnez l'onglet Chronologies.

  5. Sélectionnez Arrêter l'enregistrement une fois la page chargée.

  6. Actualisez la page Web et reproduisez le problème en interagissant avec la console  Google Cloud .

    Le profileur enregistre pendant 10 secondes maximum ou jusqu'à ce que son tampon soit plein. Si vous devez enregistrer un profil plus long pour capturer le problème, vous pouvez contrôler manuellement l'enregistrement en cliquant sur Démarrer l'enregistrement et Arrêter l'enregistrement.

  7. Une fois l'enregistrement du profil terminé, cliquez sur Exporter et enregistrez le fichier généré.

Vous pouvez ensuite importer votre profil de performances enregistré en tant que pièce jointe dans votre demande d'assistance.