缓存列表可视化
工具会自动检测当前页面注册的所有 Service Worker,并列出它们管理的 Cache Storage。每个缓存空间以卡片形式展示,包含缓存名称、条目数量和估算大小等关键信息。开发者可以一目了然地掌握整体缓存状态,快速定位需要检查的缓存空间。支持按缓存名称排序和筛选,当缓存数量较多时也能高效导航。
详细统计分析
提供多维度的缓存统计信息,包括每个缓存空间的条目总数、估算存储大小(支持 KB/MB 自动换算)、内容类型分布(如 HTML、CSS、JavaScript、图片、字体等)。统计信息以直观的卡片和列表形式呈现,帮助开发者快速识别缓存使用模式,发现潜在的存储浪费或缓存溢出风险。
条目详情查看
点击任意缓存条目即可查看完整的元数据信息,包括请求 URL、HTTP 方法(GET/POST 等)、响应状态码(200/304 等)、内容类型(Content-Type)、响应体大小、所属缓存空间名称。所有信息以结构化表格展示,方便快速浏览和对比。支持复制 URL 到剪贴板,便于在其他工具中使用。
缓存内容预览
支持在工具内直接预览缓存条目的响应内容。对于文本类型资源(HTML、CSS、JSON、JavaScript 等),会以格式化代码形式展示;对于图片资源,直接显示图片预览;对于其他二进制类型,显示基本信息。预览功能支持语法高亮,帮助开发者快速验证缓存内容的正确性和完整性,无需额外编写调试代码。
批量删除操作
支持灵活的缓存清理操作。开发者可以选择清空全部缓存空间,也可以仅清空特定的缓存空间。对于更精细的控制,支持勾选单个或多个缓存条目进行批量删除。操作前会弹出确认对话框,防止误操作。所有删除操作都是即时生效的,无需刷新页面或重启 Service Worker。
数据导出功能
一键导出缓存数据为标准 JSON 格式文件。导出内容包含所有缓存空间的元数据和条目信息,可直接用于离线分析、文档编写或团队协作。导出的 JSON 文件结构清晰,包含时间戳、浏览器信息、缓存列表和条目详情等完整数据,方便与其他开发者共享或导入到自定义分析工具中。
实时刷新与自动检测
支持一键刷新缓存列表,获取最新的缓存状态。当 Service Worker 更新或缓存发生变化时,点击刷新按钮即可同步最新数据。工具还会检测当前页面是否已注册 Service Worker,如果未注册会给出相应提示,引导开发者正确配置环境。所有操作均在浏览器本地执行,响应速度快,无网络延迟。
UD5工具箱