无需在 Safari 上重新加载页面即可更新 ServiceWorker

Question

我希望我的 PWA 在运行时定期更新自身，而不是等待用户刷新页面（例如，在 iOS 12 上，实际上很难触发 PWA 的页面重新加载）。

我知道有 ServiceWorkerRegistration.update() 方法，但 Safari 不支持。

那么，是否有任何变通方法可以让我的 ServiceWorker 无需在 iOS 上重新加载页面即可自行更新？

附加信息：

目前，我会定期轮询 version.json 文件，在该文件中放置当前应用程序的版本，进行比较，然后强制重新加载页面。它工作正常，但需要重新加载两次页面才能获取新版本（此 + 在激活事件之后加载新应用的资产）。

这是我目前的解决方案，如果您需要更多上下文：https://github.com/dimaip/calendar/blob/master/app/serviceWorker.js#L31

Answer 1

ServiceWorkerRegistration.update() 受到所有支持服务工作者的浏览器的支持，并且应该可以完成您想要的。

如果您想自己确认 Safari 确实支持它，请尝试运行

reg = await navigator.serviceWorker.ready
reg.update()

在 Safari 的 JS 控制台中，打开“网络”面板。运行后，您应该会看到为您的服务工作人员发出的请求。