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

});