ServiceWorker离线缓存替代方案解析

随着 manifest 属性在 Chrome 94 中被彻底移除，且早已在 Firefox 和 Safari 中不被支持，基于 HTML 的简单离线缓存已成历史；如今 Service Worker 是 Web 平台唯一真正可控、可编程的离线缓存方案——它要求 HTTPS 环境、需尽早通过 navigator.serviceWorker.register() 注册、具备独立生命周期，并支持按资源类型精细化定制缓存策略（如 HTML 网络优先+离线兜底、静态资源版本化缓存、API 避免滥用 Cache Storage）；但其调试门槛高，开发者必须善用 DevTools 的 Service Workers 面板，警惕注册失败、更新卡在 waiting 状态、缓存键因 URL 细微差异而未命中等典型陷阱，才能构建稳定可靠的离线体验。

manifest attribute 已被弃用，别再配 manifest 属性了

Chrome 94 起彻底移除了对 manifest 属性的支持，Firefox 和 Safari 更早就不支持。如果你还在 HTML 标签里写 ，页面不会报错，但缓存行为完全失效——浏览器直接忽略它。这个机制从诞生起就存在兼容性差、更新策略僵硬、无法细粒度控制等问题，不是“用法不对”，而是标准层面已废弃。

Service Worker 是唯一可行的离线缓存替代方案

它不是“另一个选项”，而是当前 Web 平台唯一能真正接管网络请求、实现自定义缓存逻辑的机制。关键在于：它必须通过 JavaScript 注册，且只在 HTTPS（或 localhost）环境下生效。

• navigator.serviceWorker.register() 必须在页面加载早期调用（比如