javascript - 如何清除 Service Worker 的缓存？

Question

所以，我有一个 Service Worker 的 HTML 页面，service worker 缓存 index.html 和我的 JS 文件。

问题是当我更改 JS 时，更改不会直接显示在客户端浏览器上。当然在 chrome 开发工具中，我可以禁用缓存。但是在 Chrome 移动版中，我该怎么做呢？

我尝试访问站点设置并点击 CLEAR % RESET 按钮。但它仍然从缓存中加载旧页面/加载。我尝试使用其他浏览器或 chrome incognito，它加载了新页面。

然后，我尝试清除我的浏览数据(只是缓存)，它起作用了。

我想这不是它应该的工作方式吧？如果不清除 chrome 浏览器缓存，我的用户将不知道页面是否更新。

Answer 1

如果您知道缓存名称，您可以简单地调用 caches.delete()从你喜欢的工作人员的任何地方:

caches.delete(/*name*/);

如果你想删除所有缓存(而不是等待它们，说这是一个后台任务)你只需要 add this :

caches.keys().then(function(names) {
    for (let name of names)
        caches.delete(name);
});