← 返回工作坊
幕后工具

pwa-kit

帮助网页应用离线运行并保持更新的小小构件。

pwa-kit

关于项目

Bitey 的更新机制概括为:PWA 会自我更新并在事后如此说明,而不是请求不需要的许可。

复制 sw.js 和 pwa-update.js 进入应用程序的网络根目录并将它们连接起来。没有构建步骤,没有捆绑程序,并且零依赖关系 - 这就是要点:这些应用程序是静态目录。

新的 Service Worker 会立即安装并激活,无需等待选项卡关闭。每个打开的窗口都会安全地完成当前工作,然后无缝地重新加载到最新版本。

图片集

功能

  • ⚡ 立即激活: 新的工作人员可以安装并接管,而旧工作人员不会在打开的浏览器选项卡上徘徊数天。
  • 🛡️ 未保存的工作保护 (isBusy): 工人主动询问,而不是盲目导航;页面推迟重新加载,直到安全地解决待处理的编辑或表单状态。
  • 🌐 网络第一的新鲜度: 在线请求总是获胜,以确保部署的更改在下一次重新加载时生效,并在离线时回退到缓存。
  • 🔔 清理会话存储通知: 避免使用更新标志污染 URL 查询字符串,通过应用内 toast 清楚地通知用户。
  • 🚨 内置缓存逃生舱口: 包括针对楔入客户端的紧急取消注册和缓存清除机制。