HTML5 manifest已彻底废弃，无法实现增量更新；应改用Service Worker，它支持按需缓存、版本管理、API响应缓存及运行时控制。
HTML5 的 manifest 属性已彻底不可用，不能用于配置离线应用，也无法实现可靠的资源增量更新。
Chrome 自 78 版起移除支持，Firefox 85+ 禁用，Safari 从未完整实现，W3C 已将其从标准中删除。你现在写的 manifest="cache.manifest" 不仅不会触发缓存，还可能在控制台报错、阻断资源加载，甚至导致页面白屏。
它所谓的“增量更新”根本不存在——只要 manifest 文件任意字节变化（包括一个空格或注释时间戳），整个缓存组就会被清空并重新下载所有资源。没有版本管理、无法按需更新单个文件、不区分静态资源与 API 响应，也不提供运行时 API 控制。
✅ 正确方案：用 Service Worker 替代 Manifest
Service Worker 是目前唯一标准支持、可精确控制离线行为的机制，能真正实现按需缓存、条件更新、API 响应缓存、版本化管理。
立即学习“前端免费学习笔记（深入）”；
1. 注册 Service Worker（放在页面 JS 中）
if ('serviceWorker' in navigator) {
window.addEventListener('load', () => {
navigator.serviceWorker.register('/service-worker.js')
.then(reg => console.log('SW registered:', reg.scope))
.catch(err => console.error('SW registration failed:', err));
});
}⚠️ 必须通过 HTTPS（或
localhost）提供服务，否则注册静默失败。
2. 编写 service-worker.js
const CACHE_NAME = 'my-site-v2';
const urlsToCache = [
'/',
'/index.html',
'/styles/main.css',
'/scripts/app.js',
'/images/logo.png'
];
self.addEventListener('install', event => {
event.waitUntil(
caches.open(CACHE_NAME)
.then(cache => cache.addAll(urlsToCache))
);
});
self.addEventListener('fetch', event => {
event.respondWith(
caches.match(event.request)
.then(response => response || fetch(event.request))
);
});3. 实现真正的“增量更新”
-
更新逻辑由你完全控制：修改
service-worker.js文件内容（如改CACHE_NAME = 'my-site-v3'），浏览器下次访问会拉取新脚本、触发install，并在activate阶段清理旧缓存：
self.addEventListener('activate', event => {
event.waitUntil(
caches.keys().then(keys =>
Promise.all(
keys.map(key => {
if (key !== CACHE_NAME) return caches.delete(key);
})
)
)
);
});- 可单独缓存 API 响应（带状态码判断）、跳过某些请求、添加离线 fallback 页面、甚至根据网络状况动态选择策略。
❌ Manifest 方式为什么不能做增量更新？
- 浏览器只比对
manifest文件的完整字节流，无 diff、无哈希校验； - 任意变更 → 全量重下 → 用户等待时间长、流量浪费；
- 某个资源 404 或超时 → 整个缓存失败，回退到空白页；
- 没有
caches.match()这类 API，无法在 JS 中查询/更新/删除某一项。
总结
-
manifest是历史遗留机制，现在配置等于无效配置； - 所谓“Manifest 增量更新”是误解，它只有“全量刷新”一种模式；
- Service Worker 提供细粒度控制，支持缓存版本管理、运行时干预、离线 fallback、后台同步等能力；
- 迁移成本不高：删掉
<html manifest="...">，加一段注册代码，写一个轻量 SW 脚本即可起步。
不需要兼容 IE 或 Android 4.x 的项目，请直接放弃 manifest，从 Service Worker 开始。
