查看缓存数据

Sofia Emelianova
Sofia Emelianova

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

如果您尝试检查 HTTP 缓存数据,则这可能不是您需要的指南。尺寸 网络日志列中包含您要查找的信息。请参阅记录网络活动

查看缓存数据

  1. 打开开发者工具 >应用 >存储空间

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

    可用缓存。

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

    查看缓存的内容。

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

    查看资源的 HTTP 标头。

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

    查看资源的内容。

刷新资源

  1. 查看缓存的数据
  2. 选择要刷新的资源。开发者工具以蓝色突出显示 已选择。

    选择资源。

  3. 点击 Refresh 刷新。

过滤资源

  1. 查看缓存的数据
  2. 使用按路径过滤文本框,以过滤出与指定过滤器的路径不匹配的所有资源。 。

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

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

删除一项资源

  1. 查看缓存的数据
  2. 点击要删除的资源。开发者工具会以蓝色突出显示它 已选择。

    选择要删除的资源。

  3. 点击 Delete Selected 图标 删除所选项。

删除所有缓存数据

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

  3. 点击清除网站数据

    “Cache Storage”复选框和“Clear site data”按钮。