Question

如果我访问网站，请打开控制台并输入：

document.cookie.split(";")
["__atuvc=1%7C36", " openid_provider=facebook", " splitVar=Get Alerts!", " _ga=GA1.2.517247621.1408458879"]

我收回所有的饼干。我刚才看到有人在不同的程序中向我展示了一些东西（我认为它是mongoDB），他们应用了一个.pretty方法来实现上述目的：

__atuvc=1%7C36", 
"openid_provider=facebook",
"splitVar=Get Alerts!",
"ga=GA1.2.517247621.1408451239"

这种方法存在吗？它只是让我轻松方便地看到网站上的cookies。

换句话说有没有办法在不同的行上整齐地查看名称值对（是一个cookie是一个对象？）？

Answer 1

document.cookie.replace(/;/g,',\n')

如果你想用一些空间取悦你的眼睛，你可以补充一点：

document.cookie.replace(/;/g,',\n').replace(/=/g,'\t=\t');

这里，.replace()方法的第一个参数是正则表达式（Regex）。

＆＃39;＆＃39;＆＃39;是一个选项，表示替换表达式的多个出现而不是第一个出现。在第一个示例中，,\n是冒号，后跟换行符，替换每个半冒号。在第二个中，我们在=符号周围插入标签。

Answer 2

您可以轻松地将字符串document.cookie返回到一个对象中，该对象在任何控制台中都是可读的。

var cookies = decodeURIComponent(document.cookie).split(";"), res = {};
cookies.forEach(function(cookie){
    var parts = cookie.split("=");
    res[parts[0]] = parts[1];
});
console.log(res);

查看饼干干净整洁

2 个答案: