UD5工具箱
使用前准备
在开始使用本工具之前，请确保您的浏览器满足以下条件：
- 使用现代浏览器（Chrome 40+、Firefox 44+、Edge 17+、Safari 11.1+）
- 当前访问的页面已注册 Service Worker
- 页面通过 HTTPS 协议访问（localhost 除外）
- Service Worker 已激活并接管页面
提示：如果不确定 Service Worker 是否已注册，可以打开浏览器开发者工具，在 Application 面板的 Service Workers 部分进行确认。
操作步骤
步骤 1打开工具页面
在浏览器地址栏输入工具 URL 并访问。页面加载完成后，工具会自动检测当前页面的 Service Worker 注册状态。如果检测成功，将显示可用的缓存空间列表；如果未检测到 Service Worker，会显示相应提示信息。
步骤 2浏览缓存列表
在缓存列表区域，您可以查看当前 Service Worker 管理的所有 Cache Storage。每个缓存空间以卡片形式展示，显示缓存名称、条目数量和估算大小。点击缓存名称可以展开查看该空间内的所有缓存条目。
步骤 3查看条目详情
在展开的缓存条目列表中，点击任意条目即可查看完整详情。详情页面会显示请求 URL、HTTP 方法、响应状态码、内容类型、响应大小和所属缓存等元数据信息。如果条目是文本类型，还会显示格式化后的响应内容预览。
步骤 4复制和导出
在条目详情页面，点击"复制 URL"按钮可以将请求地址复制到剪贴板。如果需要导出完整的缓存数据，点击工具栏的"导出"按钮，系统会自动生成 JSON 文件并下载到本地。导出的数据可以用于离线分析或与团队成员共享。
步骤 5管理缓存
如果需要清理缓存，可以使用工具提供的删除功能。勾选需要删除的条目，然后点击"删除选中"按钮即可批量删除。如果要清空整个缓存空间，点击缓存卡片上的"清空"按钮。使用"刷新"按钮可以获取最新的缓存状态。
使用技巧
- 使用浏览器开发者工具的 Console 面板可以查看 Service Worker 注册状态
- 在 Application 面板的 Cache Storage 部分可以手动触发缓存操作
- 定期清理不需要的缓存可以释放浏览器存储空间
- 导出的 JSON 文件可以导入到其他分析工具进行深入研究
- 使用"复制 URL"功能可以快速获取资源地址用于调试
- 刷新功能在 Service Worker 更新后特别有用