你如何使用Chrome检查cookie?

How*_*Gee 57 javascript debugging cookies google-chrome developer-tools

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

Ale*_*xMA 78

要使用Chrome检查当前页面的Cookie,请执行以下操作:

  1. 打开开发人员工具(通常是F12)
  2. 单击"应用程序"选项卡(以前是"资源")
  3. 展开"Cookies"列表项
  4. 单击任何列表项.

您可以在此处详细查看cookie,并清除它们(单击cookie下的任何列表项,然后单击表左下方的取消图标).

您也可以使用javascript控制台检查cookie,例如document.cookie,但结果格式不正确.

还有chrome://settings/siteData(之前的设置/ cookie),您只需将其作为普通网页访问,但这可能不太适合开发人员.

  • 在最新版本的Developer Tools中,该选项卡称为"应用程序" (7认同)
  • 为什么“document.cookie”不包含一些cookie,但我可以在“chrome://settings/siteData”中看到它?!!! (2认同)
  • @NabiK.AZ 可能 chrome 正在向您显示来自不同域的 cookie。见“同源政策” (2认同)
  • @NabiK.AZ cookie 上的“HttpOnly”标记有些误导,但它确实_不_意味着仅当协议为 http(相对于 https)时才发送 cookie。`HttpOnly` cookie 的含义是它由浏览器发送,但对 JS _不_ 可见。不要与 cookie 上的“Secure”标签混淆,这意味着浏览器只会将其发送到使用 https 的网站(但这对 cookie 在 JS 中的可见性没有影响)。有一个很好的描述:https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies (2认同)

Nic*_*nek 18

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


ROM*_*eer 5

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

chrome://settings/cookies
Run Code Online (Sandbox Code Playgroud)

在地址栏中。

然后使用左键单击查看更多详细信息(内容、到期日期等)。


qui*_*bit 5

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

  1. 打开开发者工具
  2. 单击"应用程序"选项卡
  3. Cookie列在左侧栏的"存储"列表项下