您如何使用 Chrome 检查 cookie？

Posted 2023-02-15

【中文标题】您如何使用 Chrome 检查 cookie？

【英文标题】：How do you check cookies using Chrome?

【发布时间】：2012-04-18 09:21:27

【问题描述】：

我正在测试一些我通过 javascript 创建的 cookie。有没有办法检查 cookie 是否是在 Chrome 开发者工具或类似的东西中设置的？

【参考方案1】：

使用 Chrome 检查当前页面的 cookie：

选项 1

打开开发者工具（通常是 F12） 点击“应用程序”标签（以前是“资源”） 展开“Cookie”列表项 单击任何列表项。

您可以在此处详细查看 cookie，并将其清除（单击 cookie 下的任何列表项，然后单击表格左下方的取消图标）。

选项 2

使用 javascript 控制台，例如document.cookie。不太复杂（以图形方式），但您可以使用 javascript 处理数据。请注意，根据允许网站访问其他网站 (see MDN Same-origin policy) 的本地数据的方式，结果将受到限制。

选项 3

还有chrome://settings/siteData（以前是设置/cookie）。只需将 url 放入 Chrome 的地址字段即可。

【讨论】：

在最新版本的开发工具中，该选项卡称为“应用程序”

这已经过时了。更新位置在这里：***.com/a/48083367/4842949

为什么document.cookie 不包含某些cookie，但我可以在chrome://settings/siteData 中看到？！！！

@NabiK.A.Z.可能 chrome 正在向您显示来自不同域的 cookie。参见“同源政策”

@NabiK.A.Z. cookie 上的HttpOnly 标记有些误导，但它确实不是 意味着cookie 仅在协议为http（vs https）时发送。 HttpOnly cookie 的含义是它是由浏览器发送的，但它对 JS 是不可见的。不要与 cookie 上的 Secure 标记混淆，这意味着浏览器只会将其发送到使用 https 的站点（但这对 cookie 在 JS 中的可见性没有影响）。有一个很好的描述：developer.mozilla.org/en-US/docs/Web/HTTP/Cookies

【参考方案2】：

在您的控制台中，输入document.cookie。它将返回该页面的活动 cookie。

【讨论】：

上周我开始意识到 JS 控制台有多棒！谢谢！

在 Linux 中，JS 控制台只是 [CTRL]+[Shift]+i 键...然后单击“控制台”选项卡。

@DaFi4 是的，我也有这个问题。 document.cookie 不包含一些cookie，但我可以在chrome://settings/siteData 中看到！！！

它将返回该页面的活动 cookie。 - 这对我有用，谢谢。

【参考方案3】：

最新版本的 Chrome (v52) 已将此功能移至“应用程序”标签。所以更新的步骤是：

打开开发者工具 点击“应用”标签 Cookie 列在左侧边栏的“存储”列表项下

【参考方案4】：

另一种方法是输入以下内容：

chrome://settings/cookies

在地址栏中。

然后使用左键点击查看更多详情（内容、到期日期等）。

【参考方案5】：

在最新版本的 chrome Chrome v85 上，网址是：

chrome://settings/siteData

【参考方案6】：

在 chrome 版本 61 上：chrome://settings/content/cookies

【参考方案7】：

您还可以使用网络开发工具，它不仅可以帮助您查看 cookie，还可以帮助您单独显示.删除（会话、域、路径）cookie。