Traduit de l'anglais à l'aide de l'IA
Veuillez noter que cet article a été traduit à l'aide de la technologie IA. Bien que nous travaillions à maintenir l'exactitude, certains détails peuvent ne pas refléter parfaitement le texte original. Si vous avez des doutes sur une information, veuillez vous référer à la version anglaise.
Notez que cet article fait référence à la DevTools Console qui est distincte de la Contentsquare Console (utilisée pour la gestion back-office de votre/vos projet(s) Contentsquare). Pour plus d'informations sur la Contentsquare Console, consultez cet article à la place.
À propos de la DevTools Console
La DevTools Console est un outil pour développeurs disponible sur les navigateurs web, couramment utilisé pour comprendre ce qui se passe dans le code de votre site web. Elle affiche les messages enregistrés par le navigateur, ou ajoutés par les développeurs web eux-mêmes, qui aident à identifier et à résoudre des problèmes, tels que des erreurs ou des problèmes de réseau.
Dans l'Error Analysis, vous pouvez voir les messages de la console ajoutés par les développeurs, pour vous aider à trouver et à résoudre plus rapidement tout problème.
Niveaux de journalisation des messages de la console
Chaque message se voit attribuer un niveau de journalisation, pour aider à comprendre son importance. Il existe 5 niveaux de journalisation qui peuvent être suivis avec les messages de la console dans Contentsquare :
- Erreur : utilisé pour enregistrer des erreurs critiques qui peuvent empêcher un site web de fonctionner comme prévu. Il est recommandé de les examiner et de les résoudre rapidement.
- Avertissement : utilisé pour enregistrer des anomalies qui peuvent entraîner des problèmes futurs. Il est recommandé de les examiner périodiquement pour éviter des problèmes.
- Info : utilisé pour enregistrer des informations générales sur le fonctionnement d'un site web. Ceux-ci sont utiles pour comprendre le flux normal des activités et des comportements.
- Journal : souvent utilisé pour enregistrer des informations qui ne sont pas nécessairement critiques, mais utiles pour le débogage et le traçage.
- Débogage : utilisé typiquement pendant le développement à des fins de débogage. Ces journaux sont temporaires et doivent être supprimés du code de production.
Comment trouver et analyser les messages de la console sur le tableau des erreurs
Utilisez le tableau des erreurs pour localiser et prioriser les messages de la console.
1. Dans le menu principal, cliquez sur ‘Analyser > Analyse des erreurs’.
2. En haut, définissez votre Contexte d'Analyse pour affiner votre analyse par appareil, plage de dates et utilisateurs.
3. Faites défiler vers le bas jusqu'au tableau des erreurs.
4. Dans le tableau des erreurs, affinez la liste des erreurs pour trouver des messages de la console en utilisant le bouton ‘Filtrer’ et en sélectionnant ‘Erreurs personnalisées’.
5. Les messages de la console sont identifiables comme ‘erreurs personnalisées’, et incluent les étiquettes suivantes :
- Un label de type erreur ‘CST’ (erreur personnalisée).
- Le niveau de journalisation (Avertissement, Erreur, Débogage, Info, Journal).
- Le message de la console, par exemple : “Les événements d'orientation de l'appareil sont bloqués par une politique de permissions”.
Comment voir et agir sur les détails des messages de la console depuis le panneau latéral des erreurs
Comme pour tous les types d'erreurs, vous pouvez trouver des détails supplémentaires et prendre d'autres mesures depuis le panneau latéral des erreurs.
1. Dans le tableau des erreurs, cliquez sur l'icône de flèche ‘>’.
2. Le panneau latéral des erreurs s'ouvrira où vous pourrez voir les détails de l'erreur individuelle :
- Type d'erreur et niveau de journalisation.
- ID d'erreur groupé.
- Message de la console.
À partir des détails de l'erreur, vous pouvez :
- Voir les détails généraux de l'erreur.
- Ignorer l'erreur (rôles d'utilisateur admin ou expert uniquement).
- Envoyer à JIRA (utilisateurs admin uniquement) ou voir le ticket Jira s'il a déjà été créé.
- Utiliser le menu à trois points ‘...’ pour copier les détails de l'erreur ou configurer des détails supplémentaires.
- Utiliser les boutons ‘Voir les Replays’, ‘Voir l'Impact’ et ‘Voir l'Analyse de Parcours’ pour approfondir l'impact de l'erreur.
Comment voir et agir sur les messages de la console dans la Relecture de Session
1. Accédez au panneau latéral des erreurs d'une erreur de console et cliquez sur le bouton ‘Voir les Replays’.
2. La relecture de session s'ouvrira et vous pourrez regarder une relecture où l'erreur s'est produite.
3. Les détails de l'erreur seront visibles dans le flux d'événements, et dans l'info-bulle de l'icône d'événement de la timeline.
4. Cliquez sur l'info-bulle de la timeline et utilisez le bouton ‘Quantifier’ pour analyser davantage l'impact de l'erreur.
FAQs
Pourquoi vois-je des erreurs/avertissements provenant de la balise ?
Pour suivre les arguments passés aux fonctions de la console, la balise de suivi doit modifier ces fonctions. Le monkey patching est une technique connue pour étendre le code des fonctions sans altérer le code source original. Ce faisant, la balise de suivi apparaîtra dans la trace de la pile même si ce n'est pas l'origine de l'appel. La balise de suivi n'appellera jamais la console pour enregistrer des erreurs.