Problèmes: identifiez et corrigez les problèmes

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:

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. 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 Erreur. rouge, une icône Avertissement. jaune ou une icône Informations. bleue.

    Bouton "Ouvrir les problèmes" avec une icône rouge

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

    Panneau "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.

    Panneau "Problèmes" avec un autre problème détecté après avoir actualisé la page.

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.

La console avec un avertissement peu visible concernant les cookies.

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.

    Panneau "Problèmes" présentant un problème de cookie intersites développé.

    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:

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

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

Problèmes regroupés en trois types : "Erreurs dans les pages", "Modifications destructives" et "Améliorations".

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.

Cookie tiers sans ressource associée dans la section "Ressources concernées".

Pour masquer ces problèmes, décochez Effacer. 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 Menu à trois points. situé à côté du problème.

L'option "Masquer les problèmes similaires" dans le menu à trois points à côté d'un 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.

La section "Problèmes cachés".

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 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.

Menu à trois points avec une option permettant de masquer le groupe "Améliorations".

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).

    Section "Ressources concernées" avec un lien vers la requête concernée

  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 Informations. située à droite pour voir le problème et savoir comment le résoudre.

    Le panneau "Network" (Réseau) affiche une info-bulle lorsque vous passez la souris sur l'icône d'informations.