离线时删除 Chrome 应用程序缓存答案

【问题标题】：Chrome Application Cache deleted when going Offline离线时删除 Chrome 应用程序缓存
【发布时间】：2017-12-09 16:42:31
【问题描述】：

我打算使用 Service Worker 使 Web 应用程序可以离线使用。当我有 Internet 连接时，缓存存储会显示文件。但是，如果我脱机，缓存似乎会消失。我没有在 Service Worker 选项卡中启用更新时更新复选框。

我的 service worker 的 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

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

当我在线时，应用程序选项卡的外观：

应用程序缓存已被删除，并且 Service Worker 已注册。

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

缓存未更新，服务人员未激活。

【问题讨论】：

标签： javascript google-chrome-devtools service-worker offline-caching

【解决方案1】：

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

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

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

const OFFLINE_URL = 'name_of_the_file';

【讨论】：