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

Kayce Basques
Sofia Emelianova
Sofia Emelianova
GitHub

HTTP Cookie 主要用于管理用户会话、存储用户个性化偏好设置以及 以及跟踪用户行为不仅如此，“此网页使用 Cookie”令人厌烦， 同意表单。本指南介绍了如何查看、添加、修改和删除 使用 Chrome 开发者工具加载页面的 Cookie。

打开 Cookies 窗格

  1. 打开 Chrome 开发者工具。
  2. 打开应用 >存储 >Cookie，然后选择来源。

“Cookies”窗格。

字段

Cookie 表包含以下字段：

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

如需查看某个 Cookie 的值，请在表格中将其选中。如需查看未进行百分号编码的值，请选中 显示已解码的网址。

过滤 Cookie

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

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

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

要添加任意 Cookie，请按以下步骤操作：

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

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

修改 Cookie

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

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

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

开发者工具会以红色突出显示包含无效 field 值的 Cookie。

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

若要过滤掉有效的 Cookie，请选中顶部操作栏中的 仅显示存在问题的 Cookie。

删除 Cookie

如需删除某个 Cookie，请选择相应 Cookie，然后点击顶部操作栏中的 删除所选项。

正在删除一个选定的 Cookie。

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

正在清除所有 Cookie。

识别和检查第三方 Cookie

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

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

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

您也可在网络 > 中查找第三方 Cookie点击请求 >Cookie。

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

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