Problèmes: identifiez et corrigez les problèmes

Sam Dutton

Sofia Emelianova

Utilisez le panneau Problèmes pour trouver des solutions aux problèmes détectés par le navigateur (problèmes liés aux cookies et problèmes contenus.

Présentation

En recueillant et en regroupant les problèmes courants, le panneau Problèmes réduit l'accoutumance aux notifications et l'encombrement de la console.

Pour le moment, le panneau Problèmes indique:

• Problèmes liés aux cookies
• Contenu mixte
• Problèmes COEP
• Erreurs CORS
• Problèmes liés au mode Quirks
• (Preview) Problèmes de faible contraste
• Problèmes liés à l'activité Web fiable
• Problèmes de chargement des feuilles de style
• Règles CSS @property non valides
• Non-respect de Content Security Policy
• Problèmes liés aux attributs de la saisie semi-automatique

Les futures versions de Chrome prendront en charge davantage de types de problèmes.

Ouvrir le panneau "Problèmes"

1. Consultez une page présentant des problèmes à corriger, par exemple samesite-sandbox.glitch.me.
2. Ouvrez les outils de développement.

3. Cliquez sur le bouton Ouvrir les problèmes à côté de Paramètres dans l'angle supérieur droit de la barre d'action. Selon la gravité du problème, le bouton peut avoir une icône rouge, une icône jaune ou une icône bleue.

   

   Vous pouvez également sélectionner Problèmes dans le menu Plus d'outils .

   

4. Une fois dans le panneau Issues (Problèmes), vous pouvez actualiser la page pour détecter encore plus de problèmes survenant pendant son chargement.

   

La Console peut également afficher les problèmes signalés par le navigateur. Toutefois, vous remarquerez que ces problèmes (comme l'avertissement lié aux cookies dans la capture d'écran ci-dessous) sont difficiles à comprendre. Les mesures à prendre pour résoudre le problème ne sont pas claires.

En revanche, le panneau Problèmes fournit des insights exploitables.

Afficher les éléments du panneau "Problèmes"

Le panneau Issues (Problèmes) présente les avertissements du navigateur de manière structurée, agrégée et concrète. de la même façon.

1. Cliquez sur un élément du panneau Issues (Problèmes) pour développer le problème, et obtenir des conseils pour le résoudre et trouver les ressources concernées.

   

   Chaque élément comporte quatre éléments:

   • Titre décrivant le problème.
   • Une description fournissant le contexte et la solution.
   • Une section RESSOURCES AFFECTÉES qui renvoie vers des ressources dans les outils de développement appropriés (Réseau, Sources, Éléments, etc.).
   • Liens vers des instructions supplémentaires

2. Cliquez sur les éléments dans RESSOURCES AFFECTÉES pour afficher les problèmes en contexte.

Regrouper les problèmes par genre

Le panneau Issues (Problèmes) compte le nombre de ressources concernées pour chaque problème et l'affiche à côté de leurs titres. En outre, vous pouvez organiser les problèmes en fonction de leur gravité dans trois types de groupes:

• Erreurs dans les pages signalées par Chrome.
• Modifications destructives telles que les abandons.
• Améliorations suggérées par les outils de développement.

Pour regrouper les problèmes, cochez la case Group by type (Grouper par genre) dans la barre d'action en haut du panneau Issues (Problèmes).

Inclure les problèmes liés aux tiers

Le panneau Problèmes affiche les problèmes de cookies tiers par défaut.

Les problèmes liés aux cookies tiers sont indiqués dans la section RESSOURCES AFFECTÉES, lorsqu'il manque un lien.

Pour masquer ces problèmes, décochez Inclure les problèmes liés aux cookies tiers dans la barre d'action en haut du panneau Problèmes.

Masquer les problèmes

Pour masquer un problème, sélectionnez Masquer les problèmes similaires dans le menu à trois points situé à côté du problème.

Pour afficher la liste des problèmes masqués, faites défiler la page jusqu'à la section Problèmes cachés et développez-la.

Pour afficher tous les problèmes, cliquez sur Tout afficher. Pour afficher un problème spécifique, sélectionnez Afficher les problèmes similaires dans le menu à trois points situé à côté du problème.

De plus, lorsque le regroupement est activé, vous pouvez masquer des groupes entiers de problèmes en utilisant le même menu à trois points à côté d'un groupe.

Afficher les problèmes en contexte

Pour analyser un problème :

1. Dans la section RESSOURCES AFFECTÉES, cliquez sur le lien d'une ressource pour afficher l'élément dans le contexte approprié dans les outils de développement. Dans ce exemple, cliquez sur samesite-sandbox.glitch.me pour afficher les cookies associés à cette requête. Le lien vous redirige vers le panneau Network (Réseau).

   

2. Faites défiler la page pour afficher l'élément qui pose problème, ici le cookie ck02. Passez la souris sur l'icône Icône d'informations située à droite pour voir le problème et savoir comment le résoudre.