查看、添加、修改和删除 Cookie

Sofia Emelianova
Sofia Emelianova

HTTP Cookie 主要用于管理用户会话、存储用户个性化偏好设置以及跟踪用户行为。它们也是您在网络上看到的所有令人讨厌的“此页面使用 Cookie”意见征求表单的原因。本指南介绍了如何使用 Chrome 开发者工具查看、添加、修改和删除网页的 Cookie。

打开 Cookies 窗格

  1. 打开 Chrome 开发者工具
  2. 依次打开应用 > 存储 > Cookie,然后选择一个来源。

“Cookie”窗格。

字段

Cookie 表包含以下字段:

  • 名称:Cookie 的名称。
  • 。Cookie 的值。
  • 网域。允许接收 Cookie 的主机。
  • Path。必须存在于请求的网址中才能发送 Cookie 标头的网址。
  • Expires / Max-Age。Cookie 的失效日期或最长寿命。 对于会话 Cookie,此值始终为 Session
  • 大小。Cookie 的大小(以字节为单位)。
  • HttpOnly。如果为 true,此字段表示应仅在 HTTP 上使用 Cookie,并且不允许 JavaScript 修改。
  • 安全。如果为 true,此字段表示 Cookie 只能通过安全的 HTTPS 连接发送到服务器。
  • SameSite。如果 Cookie 使用实验性 SameSite 属性,则包含 StrictLax
  • 分区键。对于具有独立分区状态的 Cookie,分区键是浏览器在向设置 Cookie 的端点发出请求之初所访问的顶级网址的网站。
  • 优先级。包含 LowMedium(默认)或 High(如果使用已弃用的 Cookie 优先级属性)。

如需查看某个 Cookie 的值,请在表格中选择该 Cookie。如需查看未采用百分比编码的值,请选中 Show 网址-decoded(显示已解码的网址)。

过滤 Cookie

使用过滤条件框可按名称过滤 Cookie。

过滤掉所有不包含“id”的 Cookie。

不支持按其他字段过滤。过滤条件不区分大小写。

如需添加任意 Cookie,请执行以下操作:

  1. 双击表格中的空白行。
  2. 输入名称,然后按 Enter

DevTools 会自动填充其他必需字段。您可以按照下文所述的方式进行修改。

修改 Cookie

除了自动更新的 Size 字段外,其他所有字段均可修改。

双击某个字段可对其进行修改。

将 Cookie 的名称设置为“DEVTOOLS!”

DevTools 会以红色突出显示字段值无效的 Cookie。

分区键值中存在无效的 Cookie。

如需滤除有效的 Cookie,请选中顶部操作栏中的 仅显示有问题的 Cookie

删除 Cookie

如需删除某个 Cookie,请将其选中,然后点击顶部操作栏中的 Delete selected(删除所选内容)。

正在删除一个选定的 Cookie。

点击 全部清除以删除所有 Cookie。

清除所有 Cookie。

识别和检查第三方 Cookie

第三方 Cookie 是由与当前顶级网页不同的网站设置的 Cookie。第三方 Cookie 具有 SameSite=None 属性。

开发者工具会在 Application > Storage > Cookie 中列出此类 Cookie,并在其旁边显示警告图标。将鼠标悬停在该图标上可查看提示,点击该提示可转到问题面板以了解详情。

“存储”部分中具有 SameSite=None 属性的 Cookie。

您还可以依次选择广告资源网 > 点击请求 > Cookie,查找第三方 Cookie。

“Network”面板中具有 SameSite=None 属性的 Cookie。

Network 面板会突出显示存在问题的 Cookie,并在受第三方 Cookie 逐步淘汰影响的 Cookie 旁边显示警告图标。