service-worker - 如何阻止年长的 Service Worker？

Question

下图显示安装了两名工作人员 - 一名处于事件状态，另一名未处于事件状态(刚刚安装)。

注册 service worker

更改 service-worker.js并重新加载页面。

逻辑是 Service Workers 检查二进制差异并更新 worker 的版本。

因此，一个新的 Service Worker 会生成一个新的版本 ID。但是为什么旧的一直在运行？以及如何关闭它？
sw.js在这里 https://gist.github.com/boopathi/57b7e8b6d657d55bdc7d

Answer 1

默认情况下，在关闭/卸载具有由该旧 Service Worker 控制的页面的所有选项卡之前，旧 Service Worker 将保持运行。新的 Service Worker 将在“等待”状态下“等待”。

有一些选项可以更改此默认行为。他们是 skipWaiting() 和 clients.claim() .

当skipWaiting()从安装服务 worker 调用，它会跳过“等待”状态并立即激活。然而，尽管被激活，它不一定会控制页面——这就是 clients.claim()会实现。