Accueil
» LA TOILE
»
Comment afficher et enregistrer le journal de la console du navigateur
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
Ouvrez la page où le problème se produit.
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 .
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.
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.
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.
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
Après avoir reproduit le problème, cliquez avec le bouton droit sur une zone vide ou sur un message dans la console.
Choisissez « Enregistrer sous… » (le libellé peut varier légèrement selon la version du navigateur).
Choisissez un dossier et un nom de fichier, puis enregistrez le journal.
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é.
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.