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

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


当前回答

仅供参考,如果你使用的是MacOS Safari浏览器,有一种方法可以强制注销service worker (Safari 12.1的步骤和图片):

Safari >首选项…>隐私>管理网站数据… 输入域名(例如。'localhost'),点击“删除”

注意:除了service worker之外,这还将删除该域的所有缓存、cookie和数据库。

其他回答

对我来说,我只是用一个新的不存在的scope service worker来代替旧的scope service worker,

ServiceWorker: {
        events: true,
        // what range of URLs a service worker can control. Use a nonexistent path to disable ServiceWorker
        scope: '/disable-service-worker/',
      },

对于app.js,我添加了以下代码来注销旧的sw:

if ('serviceWorker' in navigator) {
  navigator.serviceWorker.getRegistrations().then(registrations => {
    for (const registration of registrations) {
      // keep only serviceWorker which scope is /disable-service-worker/, The purpose is to make serviceWorker useless
      if (registration.scope.includes('/disable-service-worker/') === false) {
        registration.unregister()
      }
    }
  });
  // clear cache of service worker
  caches.keys().then(keyList => {
    return Promise.all(
      keyList.map(key => {
        return caches.delete(key);
      }),
    );
  });
}

您应该在设备中检测到两个API: getRegistrations和getregiregistration。service-worker并不是在所有平台上都有一组唯一的api。例如,一些浏览器只有navigator.serviceWorker。getregiregistration,没有navigator.serviceWorker.getRegistrations。所以你应该两者都考虑。

仅供参考,如果你使用的是MacOS Safari浏览器,有一种方法可以强制注销service worker (Safari 12.1的步骤和图片):

Safari >首选项…>隐私>管理网站数据… 输入域名(例如。'localhost'),点击“删除”

注意:除了service worker之外,这还将删除该域的所有缓存、cookie和数据库。

在Chrome中打开

chrome: / / serviceworker-internals / ?devtools

然后在控制台中F12 $ $ (' .unregister”)。forEach(b => b.click())

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