填充快取

在你的服務工作者註冊後,瀏覽器將嘗試安裝並稍後啟用服務工作者。

安裝事件監聽器

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'
      ]);
    })
  );
});