service-worker - 检测 Service Worker 驱逐

Question

当浏览器检测到存储空间非常低时，它可以选择驱逐 Service Worker 的缓存，如 W3C doc 所述。 .

由于我的用户可以选择为离线访问存储他们的预订，我想警告他们浏览器已删除它们。如何从页面检测到我的 Service Worker 丢失了缓存，从而相应地修改 UI？

通常，我通过依赖 navigator.serviceWorker.register 来调整 UI 以适应 Service Worker 的存在与否。 .但是在这种情况下，Service Worker 仍然是注册的，但是缓存被剥夺了。

对 onevicted 的 react event 是不够的，因为缓存删除可能发生在用户甚至没有浏览我的网站时。

Answer 1

您可能想要请求 Persistent Storage .那篇文章引用了 Origin Trial从 Chrome 52 开始，但它在 Chrome 55+ 中默认启用，因此不再需要通过 Origin Trial 注册过程。

假设您没有使用 Persistent Storage，当您的源存储数据被逐出时，我不知道在 Service Worker 上触发了任何事件。

可以通过 window.caches 从受控页面的上下文中检查缓存内容。 ，但这仅在用户打开您的网页之一时有效，并且您需要显式轮询以检查缓存内容，因为没有可监听缓存更新的事件。