Javascript 脱机时删除Chrome应用程序缓存

我打算使用服务人员使Web应用程序脱机可用。当我连接Internet时，缓存存储显示文件。但是，如果我脱机，缓存似乎会消失。我没有在“服务人员”选项卡中启用“重新加载时更新”复选框

my service worker的获取事件是：

self.addEventListener('fetch', function(e) {
  console.log('[ServiceWorker] Fetch', e.request.url);
  e.respondWith(
    caches.match(e.request).then(function(response) {
      return response || fetch(e.request);
    })
  );
});

当我在线时，控制台的打印为：

获取脚本时发生未知错误。 未能加载资源：net:：ERR\u INTERNET\u已断开连接的service-worker.js

但是，当我脱机时，控制台输出如下：

[ServiceWorker]获取 service worker.js:113[ServiceWorker]获取 cocoa.pythonanywhere.com/：1使用清单将主条目添加到应用程序缓存 service worker.js:113[ServiceWorker]获取 service worker.js:113[ServiceWorker]获取 service worker.js:113[ServiceWorker]获取 service worker.js:113[ServiceWorker]获取 service worker.js:113[ServiceWorker]获取 service worker.js:113[ServiceWorker]获取 检测到cocoa.pythonanywhere.com/：1慢速网络。加载时将使用回退字体： app.js:2客户端：正在进行服务人员注册。 app.js:4客户端：服务人员注册完成

联机时，“应用程序”选项卡显示：

应用程序缓存已被清除，服务工作者已注册

当我脱机时，它显示如下：

---

缓存未被清除，服务人员未处于活动状态。

我在以下GitHub存储库中找到了服务人员所需的代码：

我所做的唯一一件事就是更新Cahce文件。在：

const OFFLINE_URL = 'name_of_the_file';