查看缓存数据

本指南介绍如何使用 DevTools 检查 缓存 数据。

若要检查 HTTP 缓存数据，请在“网络”工具中使用“网络日志”的“大小”列。 请参阅检查网络活动中的日志网络活动。

查看缓存数据

1. 按 F12 或 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 打开 DevTools。

2. 在 DevTools 的 “活动栏”上，选择“ 应用程序 ”选项卡。如果该选项卡不可见，请单击“ 更多工具 () 按钮，然后单击“ 应用程序”。 默认情况下， 通常会打开“清单 ”窗格：

   

3. 展开 “缓存存储 ”部分以查看可用的缓存：

   

4. 单击缓存以查看内容：

   

5. 单击某个资源以查看表下方部分中的 HTTP 标头：

   

6. 单击“ 预览 ”查看资源的内容：

   

若要详细了解缓存数据存储配额，请参阅调试渐进式 Web 应用 (PWA) 中的配额使用情况。

刷新资源

1. 查看缓存的数据。

2. 单击要刷新的资源。 DevTools 会突出显示它以指示它已选中。

3. 单击“ 刷新 () ：

   

筛选资源

1. 查看缓存的数据。

2. 使用 “按路径筛选 ”文本框筛选出与所提供的路径不匹配的任何资源：

   

删除资源

1. 查看缓存的数据。

2. 单击要删除的资源。 DevTools 会突出显示它以指示它已选中。

3. 单击 “删除所选 () ：

   

删除所有缓存数据

1. 在 应用程序 工具中，单击“ 存储”。

2. 确保选中“ 缓存存储 ”复选框。

3. 单击“ 清除站点数据 ”按钮：

   

注意

此页面的某些部分是根据 Google 创建和共享的作品所做的修改，并根据 Creative Commons Attribution 4.0 International License 中描述的条款使用。 原始页面 在此处 找到，由凯斯·巴斯克创作。

本作品根据 Creative Commons Attribution 4.0 International License 获得许可。