Service Worker skipWaiting 与 clients.claim 更新协作实践

概述默认 SW 需等待控制页面关闭后激活。本文提供即时接管与客户端提示的实现路径。即时接管与广播self.addEventListener('install', event => { self.skipWaiting(); });

self.addEventListener('activate', event => {

event.waitUntil((async () => {

await self.clients.claim();

const all = await self.clients.matchAll({ includeUncontrolled: true });

for (const c of all) c.postMessage({ type: 'sw-updated', ts: Date.now() });

})());

});