Afficher, ajouter, modifier et supprimer les cookies

Sofia Emelianova
Sofia Emelianova

Les cookies HTTP sont principalement utilisés pour gérer les sessions utilisateur, stocker les préférences de personnalisation des utilisateurs et suivre leur comportement. Ils sont également à l'origine de tous les formulaires de consentement agaçants "Cette page utilise des cookies" que vous voyez sur le Web. Ce guide vous explique comment afficher, ajouter, modifier et supprimer les cookies d'une page avec les outils pour les développeurs Chrome.

Ouvrir le volet "Cookies"

  1. Ouvrez les outils pour les développeurs Chrome.
  2. Ouvrez Application > Stockage > Cookies, puis sélectionnez une origine.

Volet "Cookies".

Champs

Le tableau Cookies contient les champs suivants:

  • Nom. Nom du cookie.
  • Valeur. Valeur du cookie.
  • Domaine Hôtes autorisés à recevoir le cookie.
  • Path (Chemin) : URL qui doit exister dans l'URL demandée pour envoyer l'en-tête Cookie.
  • Expires / Max-Age Date d'expiration ou durée de vie maximale du cookie. Pour les cookies de session, cette valeur est toujours Session.
  • Size (Taille). Taille du cookie, en octets.
  • HttpOnly. Si la valeur est "true", ce champ indique que le cookie ne doit être utilisé que via HTTP et que la modification JavaScript n'est pas autorisée.
  • Sécurité. Si la valeur est "true", ce champ indique que le cookie ne peut être envoyé au serveur que via une connexion HTTPS sécurisée.
  • SameSite Contient Strict ou Lax si le cookie utilise l'attribut expérimental SameSite.
  • Clé de partition Pour les cookies avec état de partition indépendant, la clé de partition est le site de l'URL de premier niveau que le navigateur visitait au début de la requête adressée au point de terminaison qui a défini le cookie.
  • Priorité. Contient Low, Medium (par défaut) ou High si vous utilisez l'attribut Priority (Priorité des cookies) obsolète.

Pour afficher la valeur d'un cookie, sélectionnez-le dans le tableau. Pour afficher la valeur sans encodage en pourcentage, cochez la case Afficher les valeurs décodées en URL.

Filtrer les cookies

Utilisez la zone Filtre pour filtrer les cookies par nom ou valeur.

Filtrer les cookies qui ne contiennent pas "id".

Le filtrage par d'autres champs n'est pas possible. Le filtre n'est pas sensible à la casse.

Pour ajouter un cookie arbitraire:

  1. Double-cliquez sur une ligne vide du tableau.
  2. Saisissez un nom et une valeur, puis appuyez sur Entrée.

DevTools renseigne automatiquement les autres champs obligatoires. Vous pouvez les modifier comme décrit ci-dessous.

Modifier un cookie

Tous les champs sont modifiables, sauf Taille, qui est mis à jour automatiquement.

Double-cliquez sur un champ pour le modifier.

Définir le nom d'un cookie sur "DEVTOOLS!"

DevTools met en surbrillance en rouge les cookies dont les champs contiennent des valeurs non valides.

Cookie dont la valeur de la clé de partition est non valide.

Pour filtrer les cookies valides, cochez Afficher uniquement les cookies avec un problème dans la barre d'action supérieure.

de supprimer les cookies.

Pour supprimer un cookie, sélectionnez-le, puis cliquez sur  Supprimer les éléments sélectionnés dans la barre d'action supérieure.

Suppression d'un cookie sélectionné.

Cliquez sur Tout effacer pour supprimer tous les cookies.

Supprimez tous les cookies.

Identifier et inspecter les cookies tiers

Les cookies tiers sont ceux définis par un site différent de la page de premier niveau actuelle. Les cookies tiers possèdent l'attribut SameSite=None.

Les outils de développement répertorient ces cookies dans Application > Stockage > Cookies et affichent une icône d'avertissement à côté de ces cookies. Pointez sur l'icône pour afficher une info-bulle, puis cliquez dessus pour accéder au panneau Problèmes pour en savoir plus.

Les cookies avec l'attribut SameSite=None dans la section "Stockage".

Vous pouvez également trouver les cookies tiers dans Network > click request > Cookies (Réseau > requête de clic > cookies).

Cookies avec l'attribut SameSite=None dans le panneau "Réseau".

Le panneau Network (Réseau) met en évidence les cookies présentant des problèmes et affiche une à côté des cookies concernés par l'abandon progressif des cookies tiers.