Comment afficher et enregistrer le journal de la console du navigateur

Lorsqu'un site web affiche une erreur, qu'un bouton reste inactif ou qu'une page présente un comportement inattendu, la console du navigateur peut révéler des erreurs JavaScript, des avertissements et certains messages relatifs au réseau. Dans Chrome et les autres navigateurs basés sur Chromium, vous pouvez consulter ces messages dans les outils de développement et les enregistrer dans un .logfichier texte brut pour les partager avec une équipe de support. La console ne fournit pas un historique complet de chaque requête et réponse ; utilisez le panneau Réseau pour obtenir des informations détaillées sur les en-têtes de requête, les corps de réponse ou le temps de réponse.

1. Ouvrez la console du navigateur

  1. Ouvrez la page où le problème se produit.
  2. Ouvrez les outils de développement. Sous Chrome (Windows ou Linux), appuyez sur Ctrl+C F12ou CtrlCtrl Shift+C I. Sous macOS, appuyez sur Ctrl Command+ OptionC I. Vous pouvez également ouvrir le menu du navigateur et choisir Plus d’outils > Outils de développement .
  3. Sélectionnez l' onglet Console . Si les outils de développement s'ouvrent dans un panneau latéral ou inférieur, vous pouvez les laisser ainsi ou utiliser le menu des outils de développement pour modifier leur position d'ancrage.
Un site web d'exemple ouvert à côté des outils de développement Chrome, l'onglet Console étant sélectionné.
Ouvrez les outils de développement sur la page que vous souhaitez dépanner, puis sélectionnez Console.

Microsoft Edge utilise une procédure similaire. Ouvrez les outils de développement avec Ctrl +C ( F12ou CtrlCtrl Shift+C Isous Windows), puis sélectionnez Console. Les raccourcis clavier peuvent varier selon le navigateur, le système d'exploitation et la configuration du clavier ; le menu du navigateur constitue une alternative fiable.

2. Reproduisez le problème et conservez les messages appropriés.

Avec la console ouverte, répétez l'action qui provoque le problème : soumettre le formulaire, cliquer sur le bouton concerné, vous connecter ou recharger la page. Recherchez les messages d'erreur rouges et les avertissements jaunes. Développez une entrée pour afficher sa trace de pile ou des détails supplémentaires. Utilisez le filtre de la console ou les commandes au niveau du message pour affiner l'affichage, mais supprimez les filtres avant d'enregistrer si vous souhaitez consulter l'intégralité du journal.

La console du navigateur affiche des informations, un avertissement et une requête de ressource ayant échoué.
Les entrées de la console peuvent afficher les erreurs JavaScript, les avertissements et certains échecs de chargement de ressources.

Conservez les journaux de navigation : une navigation normale entre les pages peut effacer la console. Dans Chrome, ouvrez les paramètres de la console et activez l’ option « Conserver le journal » avant de reproduire le problème. Edge propose une option similaire. Ceci est particulièrement utile lorsqu’un clic redirige vers une autre page ou que l’erreur survient lors d’un rechargement de page.

Menu des paramètres de la console avec l'option « Conserver le journal » activée
Activez l'option « Conserver le journal » avant de reproduire les problèmes qui entraînent des problèmes de navigation ou de rechargement.

Si vous souhaitez visualiser XMLHttpRequestet récupérer l'activité de récupération dans la console, les outils de développement Chrome proposent une option « Journaliser les requêtes XMLHttpRequests » . Celle-ci enregistre les requêtes au fur et à mesure de leur exécution, mais ne remplace pas le panneau Réseau, qui offre une inspection plus complète au niveau des requêtes.

3. Enregistrez la sortie de la console dans un fichier

  1. Après avoir reproduit le problème, cliquez avec le bouton droit sur une zone vide ou sur un message dans la console.
  2. Choisissez « Enregistrer sous… » (le libellé peut varier légèrement selon la version du navigateur).
  3. Choisissez un dossier et un nom de fichier, puis enregistrez le journal.
  4. Ouvrez le .logfichier obtenu dans un éditeur de texte tel que le Bloc-notes, ou joignez-le à votre demande d'assistance si cela vous est demandé.
Le menu contextuel de la console avec la commande Enregistrer sous mise en surbrillance
Utilisez l'option « Enregistrer sous » pour exporter les messages actuels de la console sous forme de journal en texte brut.

Dans Chrome, le menu contextuel de la console propose également l'option « Copier » ou « Copier la console » dans les versions compatibles, ce qui peut s'avérer utile pour un court extrait. Pour les contenus plus longs, il est généralement préférable d'enregistrer le fichier. Ce dernier contient les messages actuellement affichés dans la console, et non l'intégralité du trafic du navigateur ni l'historique des commandes saisies.

4. Lorsque le problème implique des requêtes réseau

La sortie de la console est utile pour les exceptions JavaScript et certains chargements ayant échoué, mais elle n'explique pas toujours la cause d'un échec d'appel API. Ouvrez l' onglet Réseau des outils de développement, reproduisez le problème et sélectionnez la requête concernée pour examiner son code d'état, ses en-têtes de requête et de réponse, sa charge utile et son temps d'exécution. Si l'équipe de support demande une capture réseau, utilisez l'option d'exportation du panneau Réseau pour enregistrer un fichier HAR et suivez ses instructions concernant l'inclusion ou non de données sensibles. Les fichiers HAR peuvent contenir des cookies, des en-têtes d'autorisation, des URL ou des données de formulaires soumis ; vérifiez et nettoyez le fichier avant de le partager.

Conseils de dépannage

  • La console est vide : reproduisez le problème après avoir ouvert les outils de développement, vérifiez que les niveaux de messages ne sont pas filtrés et rechargez si nécessaire.
  • Les messages disparaissent après avoir cliqué sur un lien : activez d’abord l’option « Conserver le journal », puis répétez les étapes.
  • Vous voyez une erreur 404 ou une autre erreur réseau : examinez la requête correspondante dans Réseau ; le message de la console seul peut ne pas afficher la réponse complète.
  • Le problème ne se produit que dans un seul navigateur : veuillez collecter un journal distinct pour chaque navigateur et noter la version du navigateur, le système d’exploitation, l’URL de la page et les étapes exactes pour reproduire le problème.
  • Le fichier enregistré semble incomplet : vérifiez que la console n’a pas été filtrée et que le problème a été reproduit après l’activation de la journalisation. Pour des diagnostics de connexion plus détaillés, demandez au support le format de capture requis plutôt que de supposer que le journal de la console contient toutes les données réseau.

Documentation officielle

Laisser un commentaire

Comment importer des fichiers sur Google Drive : 4 méthodes simples

Comment importer des fichiers sur Google Drive : 4 méthodes simples

Apprenez à importer des fichiers et des dossiers sur Google Drive depuis un ordinateur ou un téléphone, à utiliser le glisser-déposer et à résoudre les problèmes d'importation courants.

Comment supprimer un compte Gmail sans supprimer votre compte Google

Comment supprimer un compte Gmail sans supprimer votre compte Google

Découvrez comment supprimer Gmail de votre compte Google, vérifier une adresse e-mail alternative, sauvegarder vos messages et comprendre ce qui arrive ensuite à votre boîte de réception.

Comment désactiver le bloqueur de fenêtres publicitaires intempestives dans Microsoft Edge

Comment désactiver le bloqueur de fenêtres publicitaires intempestives dans Microsoft Edge

Découvrez comment désactiver le bloqueur de fenêtres contextuelles d'Edge pour tous les sites web ou autoriser les fenêtres contextuelles pour un site de confiance, et que vérifier si les fenêtres contextuelles n'apparaissent toujours pas.

Comment trier par ordre alphabétique dans Google Sheets : 4 méthodes simples

Comment trier par ordre alphabétique dans Google Sheets : 4 méthodes simples

Découvrez quatre façons de trier par ordre alphabétique dans Google Sheets, des formules de tri en direct au tri d'une feuille entière ou à l'application de règles avancées à une plage sélectionnée.

Comment afficher et enregistrer le journal de la console du navigateur

Comment afficher et enregistrer le journal de la console du navigateur

Apprenez à ouvrir les outils de développement de Chrome ou d'Edge, à conserver les messages de la console lors du chargement des pages, à enregistrer un fichier .log et à capturer les détails du réseau pour le dépannage.

Comment rétablir l'option « Toujours ouvrir les liens de ce type » de Chrome

Comment rétablir l'option « Toujours ouvrir les liens de ce type » de Chrome

Pour rétablir la case à cocher « applications externes » manquante dans Chrome sous Windows, activez la stratégie officielle dans le Registre, puis redémarrez Chrome et testez un lien de confiance.

Comment transférer automatiquement les e-mails provenant d'une adresse spécifique dans Gmail

Comment transférer automatiquement les e-mails provenant d'une adresse spécifique dans Gmail

Configurez un filtre Gmail pour transférer les nouveaux messages d'un expéditeur vers une autre boîte de réception. Découvrez comment vérifier la destination, modifier la règle et résoudre les problèmes de réception des e-mails.

Comment accéder aux favoris Chrome sans ouvrir Chrome ?

Comment accéder aux favoris Chrome sans ouvrir Chrome ?

Récupérez vos favoris Chrome même si le navigateur est indisponible. Utilisez Google Takeout pour exporter vos favoris enregistrés au format HTML, que vous pourrez ensuite ouvrir ou importer ailleurs.

Comment modifier la barre latérale dans Gmail pour le Web

Comment modifier la barre latérale dans Gmail pour le Web

Apprenez à afficher, masquer et organiser les libellés Gmail, à utiliser le séparateur « Plus » et à réduire la barre latérale sans supprimer de messages ni de libellés.

Comment installer des extensions Chrome dans les navigateurs basés sur Chromium

Comment installer des extensions Chrome dans les navigateurs basés sur Chromium

Installez les extensions du Chrome Web Store dans Edge, Brave, Opera et autres navigateurs Chromium de bureau. Gérez les autorisations, les invites du navigateur et les modules complémentaires.