取消注册/删除服务工作者

Question

我有一个糟糕的服务人员，不再更新。我首先注意到了Chrome中的问题。然后，我将以下代码放入索引中。html文件和软件中的。js（服务工作者）文件。在大多数情况下，它似乎运行良好。Firefox似乎是唯一一个没有删除服务工作者的浏览器。我使用下面的文章创建了注销脚本。

如何卸载Service Worker？

我也用过这篇文章和代码，得到了同样的结果。

我如何删除一个有缺陷的服务人员，或者实现一个“杀死开关”？

我也收到一个错误消息getAuthstrations（）说它是未定义的。也不知道如何解决这个问题。

非常感谢您在这两个问题上的帮助。

<script>
navigator.serviceWorker.getRegistrations().then(function(registrations) {
 for(let registration of registrations) {
  registration.unregister();
} });</script>

Answer 1

我偶然发现了这个答案，它似乎比大多数解决方案都好。

博文：https://medium.com/@nekrtemplar/自毁-服务工人-73d62921d717

github：https://github.com/NekR/self-destroying-sw

它用以下代码破坏自身：

self.addEventListener('install', function(e) {
  self.skipWaiting();
});

self.addEventListener('activate', function(e) {
  self.registration.unregister()
    .then(function() {
      return self.clients.matchAll();
    })
    .then(function(clients) {
      clients.forEach(client => client.navigate(client.url))
    });
});

下面是对上述代码的更深入解释和进一步改进。https://love2dev.com/blog/how-to-uninstall-a-service-worker/

Answer 2

下面的示例代码将检查在浏览器中注册的服务人员并获取它。

登记忙碌的scriptURL将为您提供所有服务人员的准确url。

登记注销（）；将删除该服务人员。

链接：https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerRegistration/unregister

if ('serviceWorker' in navigator) {
    navigator.serviceWorker.getRegistrations()
        .then(function(registrations) {
            for(let registration of registrations) {
               if(registration.active.scriptURL == 'http://localhost/my-push/myworker.js'){ registration.unregister(); }
            }
        });
}

如果要更新服务人员代码，请使用https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerRegistration/update