chrome 检查和管理存储、缓存与资源

官方文档

检查和管理存储、数据库与缓存

从 Application 面板检查和管理存储、数据库与缓存。

• 查看和修改本地存储与会话存储。
• 检查和修改 IndexedDB 数据库。
• 对 Web SQL 数据库执行语句。
• 查看应用缓存和服务工作线程缓存。
• 点击一次按钮即可清除所有存储、数据库、缓存和服务工作线程。

本地存储

如果您使用本地存储存储键值对 (KVP)，则可以从 Local Storage 窗格中检查、修改和删除这些 KVP。

• 双击键或值可以修改相应的值。
• 双击空白单元格可以添加新 KVP。
• 点击 KVP ，然后按 Delete 按钮可以删除该 KVP。 只需点击一次按钮，即可从 Clear storage 窗格擦除所有本地存储数据。
• 如果您使用一种可以创建、删除或修改 KVP 的方式与页面交互，则不会看到这些更改实时更新。 点击 refresh 按钮 可以查看您的更改。

Session storage

Session Storage 窗格与 Local Storage 窗格的工作方式相同。 参阅上面的本地存储部分，了解如何查看和编辑会话存储。

IndexedDB

使用 IndexedDB 窗格可以检查、修改和删除 IndexedDB 数据。
展开 IndexedDB 窗格时，IndexedDB 下的第一个级别是数据库。 如果存在多个活动的数据库，您会看到多个条目。 在下面的屏幕截图中，页面只有一个活动的数据库。

点击数据库的名称可以查看该数据库的安全源、名称和版本。

展开数据库可以查看其键值对 (KVP)。

使用 Start from key 文本字段旁的箭头按钮可以在 KVP 的页面之间移动。
展开值并双击可以编辑该值。在您添加、修改或删除值时，这些更改不会实时更新。
点击 refresh 按钮可以更新数据库。

在 Start from key 文本字段中输入键可以过滤出值小于该值的所有键。

在您添加、修改或删除值时，这些更改不会实时更新。 点击 refresh 按钮 可以更新数据库。
点击 Clear Object Store 按钮 可以删除数据库中的所有数据。 从 Clear storage 窗格中，点击一次按钮注销服务工作线程并移除其他存储与缓存也可以实现此目标。

Web SQL

使用 Web SQL 窗格可以查询和修改 Web SQL 数据库。
点击数据库名称可以打开该数据库的控制台。从这里，您可以对数据库执行语句。

点击数据库表可以查看该表的数据。

• 您无法从这里更新值，但是可以通过数据库控制台（参见上文）更新。
• 点击列标题可以按该列排序表格。
• 您对表格的更改不会实时更新。点击 refresh 按钮 (refresh 按钮) 可以查看更新。
• 在 Visibile columns 文本字段中输入一个由空格分隔或逗号分隔的列名称列表可以仅显示列表中包含的列。

应用缓存

使用 Application Cache 窗格可以检查通过 Application Cache API 创建的资源和规则。

每一行表示一个资源。

Type 列的值为以下值之一：

• Master。资源上指示此缓存为其主文件的 manifest 属性。
• Explicit。此资源在清单中明确列出。
• Network。指定此资源的清单必须来自网络。
• Fallback。Resource 列中的网址作为另一个网址（未在 DevTools 中显示）的回退网址形式列出。

表格底部拥有指示网络连接和应用缓存状态的状态图标。 应用缓存可能拥有以下状态：

• IDLE。缓存没有新更改。
• CHECKING。正在提取清单并检查有无更新。
• DOWNLOADING。正在将资源添加到缓存中。
• UPDATEREADY。存在新版本的缓存。
• OBSOLETE。正在删除缓存。

服务工作线程缓存

利用 Application 面板上的 Cache Storage 窗格，您可以检查、修改和调试使用（服务工作线程）Cache API 创建的缓存。 参阅下面的指南获取更多帮助。

清除服务工作线程、存储、数据库和缓存

有时，您只需要擦除给定源的所有数据。利用 Application 面板上的 Clear Storage 窗格，您可以选择性地注销服务工作线程、存储和缓存。要清除数据，只需启用您想要擦除的组件旁的复选框，然后点击 Clear site data。操作将擦除 Clear storage 标签下所列源的所有数据。

---

检查和删除 Cookie

从 Application 面板检查和删除 Cookie。

• 查看与 Cookie 有关的详细信息，例如名称、值、网域和大小，等等。
• 删除单个 Cookie、选定网域的 Cookie 或所有网域的全部 Cookie。

概览

使用 Cookies 窗格可以查看和删除 Cookie。您无法修改 Cookie 值。

Cookie 按网域列示。其中包括主文档和所有嵌套的框架。 选择一个“框架组”将显示该组中所有资源、所有框架的所有 Cookie。 请注意，这种分组方式有两个结果：

• 来自不同网域的 Cookie 可能显示在相同的框架组中。
• 相同 Cookie 可能出现在多个框架组中。

字段

为每个 Cookie 提供了以下字段：

字段 说明 Name Cookie 的名称。 Value Cookie 的值。 Domain Cookie 的网域。 Path Cookie 的路径。 Expires / Maximum Age Cookie 的过期时间或最长寿命。对于会话 Cookie，此字段始终为“Session”。 Size Cookie 的大小（以字节为单位）。 HTTP 如果存在，指示应仅在 HTTP 上使用 Cookie，并且不允许 JavaScript 修改。 Secure 如果存在，指示此 Cookie 的通信必须通过加密传输进行。

删除 Cookie

可以通过多种方式删除 Cookie：

• 选择 Cookie 并按 Delete 按钮 可以删除相应 Cookie。
• 按 Clear 按钮 可以删除指定框架组的所有 Cookie。
• 右键点击 Cookie 的Domain值，然后选择 Clear all from “…”（其中 “…” 是网域的名称）可以删除来自该网域的所有 Cookie。

检查资源

按框架、网域、类型或其他条件组织资源。

• 使用 Application 面板的 Frames 窗格可以按框架组织资源。
• 您也可以在 Sources 面板中停用 Group by folder 选项，按框架查看资源。
• 要按网域和文件夹查看资源，请使用 Sources 面板。
• 在 Network 面板中按名称或其他条件过滤资源。

按框架组织资源

使用 Application 面板的 Frames 窗格可以按框架组织页面的资源。

• 顶层（上面屏幕截图中的 top）是主文档。
• 在这下方（例如上面屏幕截图中的 widget2）是主文档的子框架。 展开一个子框架可以查看源自该框架的资源。
• 子框架下方是图像、脚本，以及主文档的其他资源。
• 最后是主文档本身。

点击资源可以查看其预览。
右键点击资源可以在 Network 面板中查看、将其在新标签中打开、复制其网址或将其保存。

通过在 Sources 面板中点击导航器中的溢出菜单并停用 Group by folder 选项以停止按文件夹分组资源，您也可以按框架查看资源。

资源将仅按框架列示。

按网域和文件夹组织资源

要查看按网域和目录组织的资源，请使用 Sources 面板。

按名称、类型或其他条件过滤资源

使用 Network 面板可以按名称、类型和一系列其他条件过滤资源。 参阅下面的指南了解详情。