Workbox 配置生成器 - 自定义 Service Worker 策略
通过表单选择预缓存、运行时缓存规则,生成 workbox-config.js,简化 PWA 缓存配置。
UD5工具箱
通过表单选择预缓存、运行时缓存规则,生成 workbox-config.js,简化 PWA 缓存配置。
模拟 Service Worker 从安装到激活的完整生命周期,理解更新机制。
读取当前域下 Service Worker 缓存的所有条目,展示 URL、大小和时间,便于调试离线策略。
在开发环境中模拟 periodicSync 事件,触发后查看 SW 中的处理逻辑和网络请求。
显示当前注册的 Service Worker 所管理的 Cache Storage,查看缓存文件列表及大小。
逐步展示SW从注册、安装到激活的完整流程,并模拟更新与跳过等待的场景。
枚举当前作用域下的所有Cache Storage,查看资源条目和所占空间,支持手动清理。
选择缓存策略(Network First, Cache First等),填写预缓存文件列表,生成sw.js文件。
显示当前页面关联的Service Worker状态,并允许手动更新或注销。