Cache Storage 清单校验与哈希命名实践

概述清单与哈希命名能确保缓存一致性。本文提供校验与缓存写入示例。清单校验与写入async function sha256(bytes) { const buf = await crypto.subtle.digest('SHA-256', bytes); return Array.from(new Uint8Array(buf)).map(x=>x.toString(16).padStart(2,'0')).join(''); } async function cacheWithManifest(manifest, request) { const res = await fetch(request); const ab = await res.clone().arrayBuffer(); const hex = await sha256(new Uint8Array(ab)); const url = new URL(request.url); const key = `${url.pathname}?v=${hex}`; if (manifest[url.pathname] !== hex) throw new Error('mismatch'); const cache = await caches.open('assets-hash'); await cache.put(new Request(key), res.clone()); return res; }