Service Worker 生命周期演示器 - 安装/激活/更新

// Service Worker 生命周期示例
const VERSION = 'v1.0.0';

// 📄 解析阶段：浏览器下载并解析SW脚本

self.addEventListener('install', (event) => {
  // 🔧 安装中 (Installing)
  console.log('[SW] install 事件触发');
  event.waitUntil(
    caches.open('my-cache-v1').then(cache => {
      return cache.addAll(['/index.html', '/style.css', '/app.js']);
    })
  );
  // 可调用 skipWaiting() 跳过等待
  // self.skipWaiting();
});

self.addEventListener('activate', (event) => {
  // ⚡ 激活中 (Activating)
  console.log('[SW] activate 事件触发');
  event.waitUntil(
    caches.keys().then(keys => {
      return Promise.all(
        keys.filter(k => k !== 'my-cache-v1').map(k => caches.delete(k))
      );
    })
  );
  // 立即控制所有页面
  // clients.claim();
});

self.addEventListener('fetch', (event) => {
  event.respondWith(
    caches.match(event.request).then(res => res || fetch(event.request))
  );
});