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

Kayce Basques
Kayce Basques
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 旁边显示警告警告图标。