Service Worker 流式响应与边写边传持久化

`title: Service Worker 流式响应与边写边传持久化``categories: Web 开发/前端/数据管理``keywords: Service Worker,ReadableStream,流式响应,持久化,OPFS``description: 在 Service Worker 中构造流式响应，边传输边写入持久层，提升大资源的下载体验与稳定性。`流式响应self.addEventListener('fetch', (event) => { const url = new URL(event.request.url); if (url.pathname === '/stream') { const stream = new ReadableStream({ start(controller) { controller.enqueue(new TextEncoder().encode('chunk-1')); controller.enqueue(new TextEncoder().encode('chunk-2')); controller.close(); } }); event.respondWith(new Response(stream, { headers: { 'Content-Type': 'text/plain' } })); } }); 边写边传将网络响应的 `body` pipe 到持久层，同时返回响应或提供进度事件。