【发布时间】:2012-04-18 09:21:27
【问题描述】:
我正在测试一些我通过 JavaScript 创建的 cookie。有没有办法检查 cookie 是否是在 Chrome 开发者工具或类似的东西中设置的?
【问题讨论】:
标签: javascript debugging google-chrome cookies developer-tools
我正在测试一些我通过 JavaScript 创建的 cookie。有没有办法检查 cookie 是否是在 Chrome 开发者工具或类似的东西中设置的?
【问题讨论】:
标签: javascript debugging google-chrome cookies developer-tools
使用 Chrome 检查当前页面的 cookie:
选项 1
您可以在此处详细查看 cookie,并将其清除(单击 cookie 下的任何列表项,然后单击表格左下方的取消图标)。
选项 2
使用 javascript 控制台,例如document.cookie。不太复杂(以图形方式),但您可以使用 javascript 处理数据。请注意,根据允许网站访问其他网站 (see MDN Same-origin policy) 的本地数据的方式,结果将受到限制。
选项 3
还有chrome://settings/siteData(以前是设置/cookie)。只需将 url 放入 Chrome 的地址字段即可。
【讨论】:
document.cookie 不包含某些cookie,但我可以在chrome://settings/siteData 中看到?!!!
HttpOnly 标记有些误导,但它确实不是 意味着cookie 仅在协议为http(vs https)时发送。 HttpOnly cookie 的含义是它是由浏览器发送的,但它对 JS 是不可见的。不要与 cookie 上的 Secure 标记混淆,这意味着浏览器只会将其发送到使用 https 的站点(但这对 cookie 在 JS 中的可见性没有影响)。有一个很好的描述:developer.mozilla.org/en-US/docs/Web/HTTP/Cookies
在您的控制台中,输入document.cookie。它将返回该页面的活动 cookie。
【讨论】:
document.cookie 不包含一些cookie,但我可以在chrome://settings/siteData 中看到!!!
最新版本的 Chrome (v52) 已将此功能移至“应用程序”标签。所以更新的步骤是:
【讨论】:
另一种方法是输入以下内容:
chrome://settings/cookies
在地址栏中。
然后使用左键点击查看更多详情(内容、到期日期等)。
【讨论】:
在最新版本的 chrome Chrome v85 上,网址是:
chrome://settings/siteData
【讨论】:
在 chrome 版本 61 上:
chrome://settings/content/cookies
【讨论】:
您还可以使用网络开发工具,它不仅可以帮助您查看 cookie,还可以帮助您单独显示.删除(会话、域、路径)cookie。
【讨论】: