查看缓存数据

Sofia Emelianova
Sofia Emelianova

本指南介绍了如何使用 Chrome 开发者工具检查 Cache 数据。

如果您尝试检查 HTTP 缓存数据,这并非您所需要的指南。网络日志大小列中包含您要查找的信息。请参阅记录网络活动

查看缓存数据

  1. 打开开发者工具 > Application > Storage

  2. 如需查看可用的缓存,请展开 展开。 Cache Storage

    可用的缓存。

  3. 点击缓存即可查看其内容。

    查看缓存的内容。

  4. 点击一项资源即可在表格下方的部分中查看其 HTTP 标头。

    查看资源的 HTTP 标头。

  5. 打开预览标签页以查看资源的内容。

    查看资源的内容。

刷新资源

  1. 查看缓存的数据
  2. 选择要刷新的资源。开发者工具会将其突出显示为蓝色,表示其已被选中。

    选择资源。

  3. 点击 Refreshrefresh(刷新)。

过滤资源

  1. 查看缓存的数据
  2. 使用按路径过滤文本框过滤出与您提供的路径不匹配的所有资源。

过滤掉与指定路径不匹配的资源。

以下示例会过滤掉路径中不包含 script 的资源。

删除一项资源

  1. 查看缓存的数据
  2. 点击要删除的资源。开发者工具会将其突出显示为蓝色,表示其已被选中。

    选择要删除的资源。

  3. 点击删除所选内容 删除所选项。

删除所有缓存数据

  1. 依次打开 Application > Storage
  2. 缓存部分,确保已启用 复选框。 缓存存储空间

  3. 点击清除网站数据

    “缓存存储空间”复选框和“清除网站数据”按钮。