脱机时删除Chrome应用缓存

Question

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

我的服务工作者的fetch事件是：

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_INTERNET_DISCONNECTED service-worker.js

但是当我离线时，控制台输出如下：

[ServiceWorker]获取https://cocoa.pythonanywhere.com/static/login/bootstrap/CSS/bootstrap.css service-worker.js：113 [ServiceWorker]获取https://cocoa.pythonanywhere.com/static/login/logo.png cocoa.pythonanywhere.com/:1使用清单https://cocoa.pythonanywhere.com/static/login/Offline/HTML/manifesto service-worker.js向应用程序缓存添加主条目：113 [ServiceWorker]获取https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css服务工作者。 js：113 [ServiceWorker]获取https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js service-worker.js：113 [ServiceWorker]获取https://cocoa.pythonanywhere.com/static/login/js/app.js service-worker.js：113 [ServiceWorker]获取https://cocoa.pythonanywhere.com/static/login/bootstrap/js/jquery-3.1.1.min.js service-worker.js：113 [ServiceWorker]获取https://cocoa.pythonanywhere.com/static/login/bootstrap/js/bootstrap.min.js service-worker.js： 113 [ServiceWorker]获取https://cocoa.pythonanywhere.com/static/login/js/diem.js cocoa.pythonanywhere.com/:1检测到慢速网络。加载时将使用Fallback字体：https://cocoa.pythonanywhere.com/static/login/bootstrap/fonts/glyphicons-halflings-regular.woff2 app.js：2 CLIENT：服务工作者注册正在进行中。 app.js：4客户端：服务工作者注册完成。

当我在线时，应用程序选项卡显示：

应用程序缓存已更新，服务工作者已注册。

当我离线时，它看起来像这样：

缓存未设置为空，服务工作程序未激活。

Answer 1

我在以下GitHub存储库中找到了service-worker所需的代码：

https://github.com/GoogleChrome/samples/tree/gh-pages/service-worker/custom-offline-page

我唯一做的就是更新请求的缓存文件。在：

const OFFLINE_URL = 'name_of_the_file';