您如何使用Chrome检查Cookie？

68

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

— 你好_麦吉
source

98

要使用Chrome查看当前页面的Cookie，请执行以下操作：

选项1

打开开发人员工具（通常为F12）
单击“应用程序”选项卡（以前是“资源”）
展开“ Cookies”列表项
单击任何列表项。

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

选项2

使用JavaScript控制台，例如 document.cookie。结果的格式不正确。

选项3

还有chrome://settings/siteData（以前是设置/ Cookie），您只需将其作为普通网页访问即可，但这可能不太适合开发人员。

— 亚历克斯·马
source

9

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

— 阿尔夫·卡蕾Lefdal

这个已经过期了。更新的位置在这里：stackoverflow.com/a/48083367/4842949

— Joseph Cho

1

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

— 纳比·卡兹

2

@ NabiK.AZ chrome可能会向您显示来自其他域的cookie。参见“原产地政策相同”

— AlexMA，

1

@ NabiK.AZ的HttpOnlyCookie的标签有些误导，但这并不意味着该cookie将只发送时的协议是HTTP（HTTPS VS）。HttpOnlyCookie的意思是它是由浏览器发送的，但是对JS不可见。请勿将其与SecureCookie上的标记混淆，这意味着浏览器将仅使用https将其发送到站点（但这不会影响cookie在JS中的可见性）。关于以下内容有一个很好的描述：developer.mozilla.org/en-US/docs/Web/HTTP/Cookies

— 克里斯·赖斯

20

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

— 尼克·贝拉内克
source

1

在过去的一周中，我开始意识到JS控制台的功能！谢谢！

— Howdy_McGee 2012年

在Linux中，JS控制台仅需按[CTRL] + [Shift] + i键即可，然后单击“控制台”选项卡。

— psiphi75 2013年

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

— 纳比·卡兹

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

— Subham Tripathi

6

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

打开开发人员工具
点击“应用程序”标签
Cookies列在左侧栏中的“存储”列表项下

— 快兔子
source

4

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

chrome://settings/cookies

在地址栏中。

然后，使用鼠标左键查看更多详细信息（内容，有效期等）。

— ROMANIA_engineer
source

4

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

chrome：// settings / siteData

— 约瑟夫·乔
source

2

在Chrome版本61上：

chrome：// settings / content / cookies

— 有里
source

1

您还可以使用Web开发人员工具，该工具不仅可以帮助您查看Cookie，还可以帮助您单独显示（删除，会话，域，路径）Cookie。

— 卡马尔
source

0

如果您想要一个用于管理Cookie和本地存储，会话等的工具（扩展名），那么我能找到的最好的就是HTML5 Storage Manager

我一直在使用它，因为它总是可以访问并且非常方便。

— 博伊
source