Service Worker 缓存更新通知与客户端版本提示实践

概述在资源更新时，主动通知客户端可以引导用户刷新或热更新。本文展示 SW 广播更新消息。广播更新async function broadcast(type, payload) { const all = await self.clients.matchAll({ includeUncontrolled: true }); for (const c of all) c.postMessage({ type, payload }); } self.addEventListener('activate', event => { event.waitUntil(broadcast('version', { ts: Date.now() })); }); self.addEventListener('message', event => { if (event.data && event.data.type === 'update-assets') broadcast('assets-updated', {}); });