Comment puis-je lister tous les cookies de la page actuelle avec Javascript ?

Question

Existe-t-il un moyen, à l'aide de Javascript, de lister tous les cookies associés à la page actuelle ? C'est-à-dire, si je ne connais pas les noms des cookies mais que je veux récupérer toutes les informations qu'ils contiennent.

Answer 1

Vous pouvez lister les cookies pour le domaine actuel :

function listCookies() {
    var theCookies = document.cookie.split(';');
    var aString = '';
    for (var i = 1 ; i <= theCookies.length; i++) {
        aString += i + ' ' + theCookies[i-1] + "\n";
    }
    return aString;
}

Mais vous ne pouvez pas répertorier les cookies d'autres domaines pour des raisons de sécurité.

Answer 2

De nombreuses personnes ont déjà mentionné que document.cookie vous donne tous les cookies (sauf http-only ).

Je vais juste ajouter un petit bout pour rester dans l'air du temps.

document.cookie.split(';').reduce((cookies, cookie) => {
  const [ name, value ] = cookie.split('=').map(c => c.trim());
  cookies[name] = value;
  return cookies;
}, {});

Cet extrait renvoie un objet dont les clés sont les noms de cookies et les valeurs de cookies les valeurs.

Syntaxe légèrement différente :

document.cookie.split(';').reduce((cookies, cookie) => {
  const [ name, value ] = cookie.split('=').map(c => c.trim());
  return { ...cookies, [name]: value };
}, {});

Edit : Quelqu'un a correctement fait remarquer que vous rencontrerez des problèmes si la clé ou la valeur de votre cookie a un caractère = dans celui-ci. Vous pourriez peut-être envisager d'utiliser des séquences d'échappement pour atténuer ce problème ?

Answer 3

var x = document.cookie; 
window.alert(x);

Cela affiche tous les cookies auxquels le site actuel a accès. Si vous avez par exemple créé deux cookies "nom d'utilisateur=Frankenstein" et "nom d'utilisateur=Dracula", ces deux lignes de code afficheront "nom d'utilisateur=Frankenstein ; nom d'utilisateur=Dracula". Toutefois, des informations telles que la date d'expiration ne seront pas affichées.

Answer 4

Pour visualiser rapidement les cookies d'une page particulière, je garde un raccourci "Cookies" dans la barre de favoris dont l'URL est définie comme suit :

javascript:window.alert(document.cookie.split(';').join(';\r\n'));

Answer 5

Non.

La seule API que les navigateurs vous donnent pour gérer les cookies est de les obtenir et de les définir via des paires clé-valeur. Tous les navigateurs gèrent les cookies par nom de domaine seulement.

L'accès à tous les cookies pour le domaine actuel se fait via document.cookie .