从根目录删除/serviceworker.js后,Chrome仍然运行我从webroot中删除的serviceworker。我如何从我的网站和Chrome卸载服务工作者,以便我可以登录回我的网站?
我已经将问题追溯到Service Work的缓存机制,现在我只想删除它,直到有时间调试它。我使用的登录脚本重定向到谷歌的服务器,让他们登录到他们的谷歌帐户。但是我从login.php页面得到的只是一条ERR_FAILED消息。
从根目录删除/serviceworker.js后,Chrome仍然运行我从webroot中删除的serviceworker。我如何从我的网站和Chrome卸载服务工作者,以便我可以登录回我的网站?
我已经将问题追溯到Service Work的缓存机制,现在我只想删除它,直到有时间调试它。我使用的登录脚本重定向到谷歌的服务器,让他们登录到他们的谷歌帐户。但是我从login.php页面得到的只是一条ERR_FAILED消息。
当前回答
在谷歌Chrome中,您可以进入开发人员工具(F12) ->应用程序-> Service worker,并从特定域的列表中注销Service worker。
这种方法在网站的开发模式中是有效的,大多数情况下它们运行在本地主机上,这是你可能需要其他项目的开发。
其他回答
在Chrome中打开
chrome: / / serviceworker-internals / ?devtools
然后在控制台中F12 $ $ (' .unregister”)。forEach(b => b.click())
仅供参考,如果你使用的是MacOS Safari浏览器,有一种方法可以强制注销service worker (Safari 12.1的步骤和图片):
Safari >首选项…>隐私>管理网站数据… 输入域名(例如。'localhost'),点击“删除”
注意:除了service worker之外,这还将删除该域的所有缓存、cookie和数据库。
在谷歌Chrome中,您可以进入开发人员工具(F12) ->应用程序-> Service worker,并从特定域的列表中注销Service worker。
这种方法在网站的开发模式中是有效的,大多数情况下它们运行在本地主机上,这是你可能需要其他项目的开发。
其他答案都添加代码到实时网站,以删除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())