JavaScript 学习手册

Service Worker 是运行在后台的脚本，用于实现离线缓存、推送通知等 PWA（渐进式 Web 应用）功能。 **注册 Service Worker：** ```javascript if ('serviceWorker' in navigator) { navigator.serviceWorker.register('/sw.js') .then(reg => console.log('注册成功', reg)) .catch(err => console.error('注册失败', err)); } ``` **sw.js 基本结构：** ```javascript const CACHE_NAME = 'v1'; const urlsToCache = ['/', '/styles.css', '/app.js']; // 安装时缓存资源 self.addEventListener('install', event => { event.waitUntil( caches.open(CACHE_NAME) .then(cache => cache.addAll(urlsToCache)) ); }); // 拦截请求，返回缓存 self.addEventListener('fetch', event => { event.respondWith( caches.match(event.request) .then(response => response || fetch(event.request)) ); }); // 更新缓存 self.addEventListener('activate', event => { const cacheWhitelist = [CACHE_NAME]; event.waitUntil( caches.keys().then(cacheNames => { return Promise.all( cacheNames.map(name => { if (!cacheWhitelist.includes(name)) { return caches.delete(name); } }) ); }) ); }); ``` **注意：** Service Worker 必须运行在 HTTPS 下（或 localhost）。