离线页面问题

时间:2019-01-14 13:04:46

标签: javascript service-worker progressive-web-apps

问这么琐碎的事情我真的很不好,但是我在这里... 目前,我正在尝试在用户没有互联网连接时显示脱机页面,但我仍在获取默认的Chrome页面,而不是我的自定义页面。如果重复,那么我真的很抱歉,将立即删除此问题。 这是我的提取事件:

self.addEventListener('fetch', e => {
  caches.match(e.request).then(response => {
    if (response) return response;

    return fetch(e.request).catch(err => {
      return caches.open(STATIC_CACHE).then(cache => {
        if (e.request.headers.get('accept').includes('text/html')) {
          console.log("fail: ", e.request.url);
          return cache.match('/offline');
        }
      });
    });
  });
});

请记住,/ offline已正确存储在缓存中。

编辑:我忘了提到离线时索引也不可见。

0 个答案:

没有答案