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

Sofia Emelianova
Sofia Emelianova

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

打开“Cookies”窗格

  1. 打开 Chrome 开发者工具
  2. 依次打开 Application > Storage > Cookies,然后选择一个来源。

“Cookies”窗格。

字段

Cookies 表包含以下字段:

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

要查看 Cookie 的值,请在表格中选中该 Cookie。如需查看未采用百分比编码的值,请勾选 显示已解码的网址

过滤 Cookie

使用过滤框按名称过滤 Cookie。

过滤掉任何不包含“id”的 Cookie。

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

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

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

开发者工具会自动填充其他必填字段。您可以按照下文所述修改它们。

修改 Cookie

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

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

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

开发者工具以红色突出显示字段值的 Cookie。

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

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

删除 Cookie

要删除 Cookie,请选择相应 Cookie,然后点击顶部操作栏中的 删除所选项

正在删除所选 Cookie。

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

清除所有 Cookie。

识别和检查第三方 Cookie

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

开发者工具会在应用 > 存储 > Cookie 中列出此类 Cookie,并在它们旁边显示警告警告图标。将鼠标悬停在该图标上即可查看提示,点击该图标即可转到 Issues 面板了解详情。

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

您还可在网络 > 点击请求 > Cookie 下找到第三方 Cookie。

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

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