如何注销和删除旧的服务工作者？

Question

我已经运行了这个脚本

if ('serviceWorker' in navigator) {
        window.addEventListener('load', function() {
                console.group('====SW registration=======');
                navigator.serviceWorker.register('/sw.js', {scope: './'}).then(function(registration) {
                    console.log('SW registratered successfully');
                    console.log(registration);
                    registration.unregister().then(function(result) {
                        console.log('Unregistered done', result);
                    });
                }).catch(function(error){
                    console.error('sw registration failed', error);
                });
                console.groupEnd();
        });
}

但我看到，通过这样做，我们实际上是先注册服务人员，然后注销它。对我来说，这似乎不是正确的方法。

或者，我可以点击从开发工具应用程序到服务工作者附近的取消注册链接

但当我通过检查时chrome://serviceworker-internals/

它在列表底部显示旧的和未注册的服务人员列表（见图）

那么为什么我会在这里看到冗余服务人员列表呢？什么时候更新？这是chrome浏览器的默认行为。

Answer 1

也许我的答案在下面的链接将帮助您解决您的疑问。

Stackoverflow link：取消注册/删除一个Service Worker

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

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

下面的代码将删除服务工作人员（取消注册）

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(); }
            }
        });
}

Answer 2

您应该指定为什么要注销服务辅助角色。

我想有两种可能性：

• 您想要摆脱/service-worker.js文件并完全删除SW
• 你想有一个新的/更新的SW并取代以前的

第一个案例：结帐这个答案：我如何卸载一个Service Worker？

第二种情况：不必注销旧软件，只需在/service worker中更新代码即可。js并在旧的基础上注册它。这是通常的情况。新的updatet软件将接管，过时的软件将消失。我建议您仔细阅读这些教程：https://developers.google.com/web/fundamentals/instant-and-offline/service-worker/lifecycle https://developers.google.com/web/fundamentals/getting-started/primers/service-workers

我很小心地强调，因为软件相关的东西很容易出错，完全破坏了你的网站：）