将activate事件侦听器添加到服务工作者

Question

我有一个服务工作者，我正在尝试为我的网站设置。它使用基本的html和css。我需要它来缓存脱机模式的文件。我目前停留在添加activate事件监听器，并设置我的提取功能。我如何整合，我错过了更多的东西？谢谢。

LINK - https://jsfiddle.net/scgdhusk/2/

self.addEventListener('fetch', function(event) {
  event.respondWith(
    caches.match(event.request)
  );
});

Answer 1

嗯...添加activate事件监听器非常简单：

self.addEventListener('activate', event => {
  // do whatever you want
});

但是，由于你的问题很简单，我认为你还没有真正阅读所有推荐的文档但只是开始一起破解。我真的建议你阅读谷歌对服务工作者的介绍。如果你阅读材料，你可以避免许多很多脚趾。

：）

https://developers.google.com/web/fundamentals/primers/service-workers/