Cookie Editor affiche tous les cookies du domaine actuel dans un tableau clair et triable. Consultez les noms, valeurs, dates d'expiration, chemins et indicateurs de sécurité des cookies (HttpOnly, Secure, SameSite). Modifiez les valeurs directement, ajoutez de nouveaux cookies avec des paramètres personnalisés, ou supprimez-les individuellement ou en masse — indispensable pour déboguer l'authentification, les session et les flux de consentement.
Les cookies sont au cœur de l'authentification, de la gestion des session, des préférences utilisateur, du suivi du consentement, de l'analytique et des tests A/B — mais les gérer en cours de développement est fastidieux. Chrome DevTools affiche les cookies dans l'onglet Application, mais l'interface est basique et nécessite de naviguer dans plusieurs panneaux. Cookie Editor regroupe tout dans un tableau clair : chaque cookie du domaine actuel avec toutes ses propriétés visibles en un coup d'œil. Modifiez n'importe quelle valeur de cookie en cliquant dessus — les changements sont enregistrés immédiatement dans le store de cookies du navigateur. Ajoutez de nouveaux cookies avec des noms, valeurs, dates d'expiration, chemins et indicateurs personnalisés. Supprimez les cookies un par un ou effacez-les tous. Le tableau affiche des badges d'indicateurs de sécurité (S pour Secure, H pour HttpOnly) pour vérifier que les cookies sensibles sont correctement protégés. Les cookies de session se distinguent des cookies persistants grâce à leur colonne d'expiration. C'est l'outil que vous auriez voulu avoir intégré dans les DevTools du navigateur.
Chaque cookie du domaine actuel est affiché dans un tableau triable avec des colonnes pour le nom, la valeur, l'expiration (ou "Session"), le chemin et les indicateurs. Le tableau est clair et lisible — consultez tous les cookies en un coup d'œil.
Cliquez sur n'importe quelle valeur de cookie pour la modifier en place. Saisissez la nouvelle valeur et elle est enregistrée immédiatement dans le store de cookies du navigateur. Pas besoin de supprimer et recréer le cookie — changez simplement la valeur directement.
Cliquez sur "Ajouter" pour créer un nouveau cookie avec un nom, une valeur, une date d'expiration, un chemin et un domaine personnalisés. Définissez les indicateurs Secure, HttpOnly et SameSite. Le cookie est créé immédiatement dans le store de cookies du navigateur.
Supprimez un cookie individuel en cliquant sur son bouton de suppression, ou utilisez "Tout supprimer" pour effacer tous les cookies du domaine actuel. Utile pour tester les états déconnectés ou les flux de consentement.
Des badges visuels indiquent les indicateurs de sécurité : S (Secure — HTTPS uniquement), H (HttpOnly — non accessible via JavaScript), valeur SameSite (Strict, Lax, None). Vérifiez en un coup d'œil que les cookies sensibles sont correctement protégés.
La colonne Expiration distingue clairement les cookies de session ("Session" — supprimés à la fermeture du navigateur) des cookies persistants (affichant la date et l'heure d'expiration réelles). Aucune ambiguïté sur la durée de vie d'un cookie.
Inspectez les cookies de session pour vérifier qu'ils sont correctement définis après la connexion. Modifiez le jeton de session pour tester la gestion des sessions expirées ou invalides. Supprimez le cookie de session pour tester l'expérience déconnectée.
Supprimez le cookie de consentement pour déclencher à nouveau la bannière de consentement aux cookies. Modifiez les valeurs de consentement pour tester différents états (tout accepté, partiellement accepté, tout refusé).
Vérifiez que les cookies d'authentification possèdent HttpOnly (protection contre le vol par XSS), Secure (HTTPS uniquement) et SameSite=Strict ou Lax (protection contre le CSRF). Les indicateurs manquants sont immédiatement visibles dans le tableau.
Ajoutez des cookies pour simuler des états connectés, des variantes de tests A/B, des assignations de feature flags ou des préférences de langue sans passer par les flux utilisateur habituels.
Modifiez l'expiration d'un cookie à une date passée et rechargez pour tester la gestion des cookies expirés par le site. Ou transformez un cookie de session en cookie persistant pour tester le comportement de persistance.
Ouvrez la popup DevSuite Pro et cliquez sur l'icône Cookie Editor. Tous les cookies du domaine actuel sont chargés dans le tableau.
Faites défiler le tableau de cookies. Cliquez sur les en-têtes de colonnes pour trier par nom, valeur ou expiration. Les badges d'indicateurs de sécurité montrent quels cookies sont Secure et HttpOnly.
Cliquez sur n'importe quelle cellule de valeur pour la modifier en ligne. Saisissez la nouvelle valeur — elle est enregistrée immédiatement dans le store de cookies. La page peut nécessiter un rechargement pour refléter le changement.
Cliquez sur "Ajouter" pour créer un nouveau cookie avec un contrôle total des paramètres. Cliquez sur l'icône de suppression sur n'importe quelle ligne pour retirer ce cookie. "Tout supprimer" efface tout.
Après avoir modifié les cookies, rechargez la page pour voir comment les changements affectent le site — état de connexion, préférences, bannières de consentement, etc.
Installez DevSuite Pro gratuitement et débloquez plus de 39 outils de développement pour votre navigateur.
