Comment afficher et enregistrer le journal de la console dans un navigateur

Lorsqu'un utilisateur navigue sur un site internet, une multitude d'échanges invisibles se déroulent en arrière-plan. Chaque action, comme un clic, déclenche une communication entre le navigateur et le serveur hébergeant le site, afin d'afficher les données demandées. Face à un comportement inattendu d'un site, il devient crucial d'analyser les flux d'informations échangées. L'outil privilégié pour cette tâche est la console web, une fonctionnalité intégrée à de nombreux navigateurs. En particulier, Chrome et les navigateurs basés sur Chromium, tels qu'Edge ou Opera, offrent cette possibilité. La procédure étant similaire, nous allons détailler son utilisation dans Chrome.

Accéder et sauvegarder les données de la console

Démarrez votre navigateur et rendez-vous sur le site web dont vous souhaitez analyser les interactions. Reproduisez l'action ayant engendré l'erreur ou le comportement anormal, par exemple, si vous rencontrez un problème après avoir cliqué sur "Se connecter" et que vous êtes redirigé vers la page d'accueil au lieu de votre compte.

Pour ouvrir la console, plusieurs options sont possibles : appuyer sur la touche F12, utiliser le raccourci clavier Ctrl + Maj + I, ou passer par le menu de configuration du navigateur en cherchant les outils de développement. Dans Chrome, il faut cliquer sur le bouton "Plus d'options", puis sur "Plus d'outils" et enfin "Outils de développement".

Les outils de développement s'afficheront alors, soit en bas, soit sur le côté de la fenêtre, divisant l'onglet courant. Parmi les différents onglets proposés, sélectionnez "Console".

Le journal de la console affichera déjà l'historique des échanges entre le site et le serveur. Pour enregistrer ces données, faites un clic droit dans la console et choisissez "Enregistrer sous". Une fenêtre d'enregistrement s'ouvrira. Choisissez l'emplacement du fichier et validez.

Le fichier obtenu aura l'extension LOG, mais il s'agit en fait d'un simple fichier texte. Vous pourrez donc l'ouvrir et le consulter avec le Bloc-notes ou tout autre éditeur de texte. L'analyse de ce fichier peut être précieuse pour identifier et corriger les dysfonctionnements d'un site. Cependant, si un problème est propre à un navigateur en particulier, par exemple, si un site fonctionne dans Chrome mais pas dans Firefox, la méthode pour obtenir les logs sera différente. Dans ce cas, des outils spécialisés comme Charles Proxy, un outil payant reconnu pour l'analyse du trafic réseau, peuvent être utilisés. Des alternatives gratuites existent, comme Fiddler. Ces outils peuvent se révéler plus complexes à utiliser, ce qui rend les consoles de navigateur d'autant plus pratiques et accessibles.