填充缓存

在你的服务工作者注册后,浏览器将尝试安装并稍后激活服务工作者。

安装事件监听器

this.addEventListener('install', function(event) {
    console.log('installed');
});

高速缓存

可以使用此安装事件返回来缓存脱机运行应用程序所需的资产。下面的示例使用缓存 api 执行相同的操作。

this.addEventListener('install', function(event) {
  event.waitUntil(
    caches.open('v1').then(function(cache) {
      return cache.addAll([
        /* Array of all the assets that needs to be cached */
        '/css/style.css',
        '/js/app.js',
        '/images/snowTroopers.jpg'
      ]);
    })
  );
});