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, tels que les problèmes de cookies et les contenus mixtes.

Présentation

En collectant et en regroupant les problèmes courants, le panneau Problèmes réduit la fatigue liée aux notifications et l'encombrement dans la Console.

À l'heure actuelle, le panneau Problèmes indique les éléments suivants:

Les futures versions de Chrome seront compatibles avec davantage de types de problèmes.

Ouvrir le panneau "Problèmes"

  1. Accédez à une page présentant des problèmes à résoudre, comme samesite-sandbox.glitch.me.
  2. Accédez aux outils de développement.
  3. Cliquez sur le bouton Ouvrir les problèmes à côté de Paramètres. Paramètres dans l'angle droit de la barre d'action en haut. En fonction de la gravité du problème, le bouton peut afficher une icône rouge Erreur., jaune Avertissement. ou bleue Informations..

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

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

    Panneau "Problèmes" du menu "Autres outils".

  4. Une fois dans le panneau Problèmes, vous pouvez actualiser la page pour détecter d'autres problèmes, cette fois lors du chargement de la page.

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

La console peut également afficher des problèmes signalés par le navigateur. Toutefois, vous remarquerez que ces problèmes (comme l'avertissement concernant les cookies dans la capture d'écran ci-dessous) sont difficiles à comprendre. Il n'est pas clair ce que vous devez faire pour résoudre le problème.

Console avec un avertissement de cookie obscur.

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

Afficher les éléments dans le panneau "Problèmes"

Le panneau Issues (Problèmes) présente les avertissements du navigateur de manière structurée, agrégée et exploitable.

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

    Panneau "Issues" (Problèmes) avec un problème de cookie intersites développé.

    Chaque élément comporte quatre composants:

    • Titre décrivant le problème
    • Description fournissant le contexte et la solution.
    • Une section RESSOURCES AFFECTÉES qui renvoie vers des ressources dans le contexte DevTools approprié, comme les panneaux Network (Réseau), Sources, Elements (Éléments) et autres.
    • Liens vers des conseils supplémentaires
  2. Cliquez sur les éléments de la section RESSOURCES CONSIDÉRÉES COMME AFFECTÉES pour afficher les problèmes dans leur contexte.

Regrouper les problèmes par type

Le panneau Problèmes comptabilise le nombre de ressources concernées pour chaque problème et l'affiche à côté de son titre. Vous pouvez également organiser les problèmes par gravité en trois groupes:

  • Erreur. Erreurs de page signalées par Chrome
  • Avertissement. Modifications destructives, telles que les abandons.
  • Informations. Améliorations suggérées par DevTools.

Pour regrouper les problèmes, cochez Case à cocher. Grouper par type dans la barre d'action en haut du panneau Problèmes.

Les problèmes sont regroupés en trois catégories : "Erreurs dans les pages", "Modifications destructives" et "Améliorations".

Inclure les problèmes liés à des tiers

Le panneau Problèmes affiche les problèmes liés aux cookies tiers par défaut.

Les problèmes liés aux cookies tiers se trouvent dans la section RESSOURCES AFECTÉES, où un lien est manquant.

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

Pour masquer ces problèmes, désactivez Effacer. Inclure les problèmes des 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. à côté du problème.

L'option "Masquer les problèmes comme celui-ci" 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 masqués, puis développez-la.

Section "Problèmes masqués".

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

De plus, lorsque le regroupement est activé, vous pouvez masquer des groupes entiers de problèmes à l'aide du 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 AFECTÉES, cliquez sur un lien de ressource pour afficher l'élément dans le contexte approprié dans DevTools. Dans cet exemple, cliquez sur samesite-sandbox.glitch.me pour afficher les cookies associés à cette requête. Le lien vous redirige vers le panneau Réseau.

    Section "Ressources concernées" avec un lien vers la demande concernée.

  2. Faites défiler la page pour afficher l'élément présentant un problème: dans ce cas, le cookie ck02. Pointez sur l'icône d'informations Informations. à droite pour afficher le problème et la procédure de dépannage.

    Le panneau "Réseau" affiche une info-bulle lorsque vous pointez sur l'icône d'informations.