Problèmes: identifiez et corrigez les problèmes

Sofia Emelianova
Sofia Emelianova

Le panneau Issues (Problèmes) des outils pour les développeurs Chrome réduit la lassitude liée aux notifications et l'encombrement de la console. Utilisez-le pour trouver des solutions aux problèmes détectés par le navigateur, tels que les problèmes liés aux cookies et au contenu mixte.

À l'heure actuelle, le panneau Issues (Problèmes) accepte les éléments suivants:

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

Ouvrir l'onglet "Problèmes"

  1. Consultez une page présentant des problèmes à résoudre, par exemple samesite-sandbox.glitch.me.
  2. Accédez aux Outils de développement.
  3. Cliquez sur le bouton Open issues (Ouvrir les problèmes) à côté de Settings (Paramètres) Paramètres. dans l'angle droit de la barre d'action en haut de la page. Selon la gravité du problème, le bouton peut comporter une icône Erreur. rouge, un 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..

    Onglet "Problèmes" du 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, cette fois en cours de chargement.

    Onglet "Problèmes" avec un autre problème détecté après l'actualisation de la page.

La console peut également indiquer les problèmes signalés par le navigateur. Toutefois, vous remarquerez que ces problèmes (tels que l'avertissement lié aux cookies dans la capture d'écran ci-dessous) sont difficiles à comprendre. N'a pas compris la marche à suivre pour résoudre le problème.

Console avec un avertissement obscur concernant les cookies.

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

Afficher les éléments dans l'onglet "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 Issues (Problèmes) pour développer le problème et obtenir des conseils pour le résoudre et trouver les ressources concernées.

    Onglet "Problèmes" avec un problème de cookie intersite développé.

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

    • Un titre décrivant le problème
    • Une description fournissant le contexte et la solution
    • Une section RESSOURCES AFFECTÉES qui renvoie vers des ressources situées dans le contexte des outils de développement approprié, telles que Network, Sources, Elements et d'autres panneaux
    • Liens vers des conseils supplémentaires.
  2. Cliquez sur les éléments dans RESSOURCES CONCERNÉES pour afficher les problèmes en contexte.

Regrouper les problèmes par type

Le panneau Issues (Problèmes) indique le nombre de ressources concernées pour chaque problème et l'affiche à côté du titre. Vous pouvez également classer les problèmes en fonction de leur gravité dans trois types de groupes:

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

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

Problèmes regroupés par type: erreurs de page, modifications destructives et améliorations.

Inclure les problèmes liés à des tiers

L'onglet "Problèmes" affiche par défaut les problèmes liés aux cookies tiers.

Vous trouverez les problèmes liés aux cookies tiers dans la section RESSOURCES AFFECTÉES sans lien.

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

Pour masquer ces problèmes, décochez la case Claire. Inclure les problèmes de 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 comme celui-ci 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 et développez-la.

La section "Problèmes masqués".

Pour afficher tous les problèmes, cliquez sur Tout afficher. Pour révéler 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 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 CONCERNÉES, cliquez sur le lien d'une ressource pour afficher l'élément dans les outils de développement dans le contexte approprié. 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 requête 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 comment le résoudre.

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