从根目录删除/serviceworker.js后,Chrome仍然运行我从webroot中删除的serviceworker。我如何从我的网站和Chrome卸载服务工作者,以便我可以登录回我的网站?

我已经将问题追溯到Service Work的缓存机制,现在我只想删除它,直到有时间调试它。我使用的登录脚本重定向到谷歌的服务器,让他们登录到他们的谷歌帐户。但是我从login.php页面得到的只是一条ERR_FAILED消息。


当前回答

其他答案都添加代码到实时网站,以删除service worker。然而,我不想让这些活代码永远运行,所以我开发了一个解决方案,从service worker本身工作。步骤如下,我在我的博客上发布了更多的细节和解释。

删除注册service worker的代码。 将service worker脚本替换为以下文件。新代码必须从前一个service worker所在的相同URL中可用。如果您过去有多个service worker url,您应该在所有这些url上复制代码。

console.log("Cleanup Service Worker Starting");

caches.keys()
    .then(keys =>
        Promise.all(
            keys.map(async key => console.log("caches.delete", key, await caches.delete(key)))))
    .then(async () => {
        console.log("registration.unregister", await registration.unregister());
    })
    .then(() => console.log("DONE"))
    .catch(console.error);

这段代码相当直截了当。首先它删除所有缓存,然后注销自己。

用户的浏览器会在下次加载你的网站时自动检查更新的service worker,或者在最后一次service worker检查后24小时内自动检查下一个事件。这意味着现有用户将在下次访问时运行此清理。

其他回答

如果您想在浏览器中注销所有已注册的service worker, 你可以通过打开前任来做到。

铬:Chrome: / / serviceworker-internals / 勇敢勇敢:/ / serviceworker-internals /

打开DevTools >控制台,粘贴如下:

$$('.unregister').forEach(b => b.click())

以编程方式删除Service worker:

你可以像这样通过编程方式删除service worker:

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

文档:getRegistrations, unregister

通过用户界面移除Service worker

你也可以在Chrome Devtools的Application标签下删除service worker。

此代码与Internet Explorer兼容:

if (navigator.serviceWorker) {
    navigator.serviceWorker.getRegistrations().then(                
        function(registrations) {
            for (let idx in registrations) {
                registrations[idx].unregister()
            }
        })
}

IE不支持'for…and的意思是…的“构造可能导致”“SCRIPT1004: Expected”错误

检测service worker:

navigator.serviceWorker.controller

删除service worker的代码:

navigator.serviceWorker.getRegistrations()
  .then(registrations => {
    registrations.forEach(registration => {
      registration.unregister();
    })
  });

  navigator.serviceWorker.getRegistrations().then(function(registrations) {
   for(let registration of registrations) {
    registration.unregister()
  } })

  if(window.navigator && navigator.serviceWorker) {
    navigator.serviceWorker.getRegistrations()
    .then(function(registrations) {
      for(let registration of registrations) {
        registration.unregister();
      }
    });
  }

  if ('caches' in window) {
      caches.keys()
        .then(function(keyList) {
            return Promise.all(keyList.map(function(key) {
                return caches.delete(key);
            }));
        })
  }

  if ('serviceWorker' in navigator) {
        navigator.serviceWorker.getRegistrations().then(function (registrations) {
          for (const registration of registrations) {
            // unregister service worker
            console.log('serviceWorker unregistered');
            registration.unregister();

            setTimeout(function(){
              console.log('trying redirect do');
              window.location.replace(window.location.href); // because without redirecting, first time on page load: still service worker will be available
            }, 3000);
          }
        });
      }

你也可以去URL: chrome://serviceworker-internals/从那里注销一个serviceworker。