manifest属性已彻底失效，chrome 95+、firefox 85+、safari 16.4+均从代码中删除application cache，浏览器静默忽略，不发请求、不报错、不缓存；唯一可行方案是service worker，通过fetch事件动态控制缓存与离线降级。

manifest 属性已经彻底失效，**配了也没用**。Chrome 95+、Firefox 85+、Safari 16.4+ 均已从代码中删除 Application Cache 实现，连请求都不会发出去——你加了 manifest="cache.appcache"，浏览器既不报错，也不缓存，更不会触发任何逻辑。

为什么 manifest 属性在 HTML 中完全无效

这不是配置路径错、MIME 类型漏或者服务器没重启的问题，而是底层支持被删干净了：

• window.applicationCache 返回 undefined
• DevTools 的 Application 面板里“Manifest”选项卡早已消失
• 在 HTML 解析阶段就被忽略，不进入任何缓存流程
• 即使服务器返回 Content-Type: text/cache-manifest，浏览器也直接跳过读取

Service Worker 是唯一可行的离线方案

真正能控制“断网时返回什么”的，只有 fetch 事件监听器。它不依赖声明式清单，而是运行时动态决策：

html-deploy

使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。

下载

• 先查缓存：caches.match(event.request)
• 没命中就发网络请求：fetch(event.request)
• 网络失败时手动 fallback：caches.match('/offline.html')
• /offline.html 必须在 install 阶段预缓存，否则 fallback 也会白屏

/offline.html 必须自包含所有资源

这个降级页本身不能依赖外部加载：

• 避免写 <script src="/js/app.js"></script> —— 如果 /js/app.js 没进 urlsToCache，脚本就加载失败
• 推荐内联关键 CSS/JS，或只引用已明确列入 cache.addAll([]) 的路径
• 路径大小写、后缀、相对位置必须和缓存列表里完全一致

首次访问无法触发离线降级是设计使然

Service Worker 注册后，第一次访问页面时 SW 还没激活，所有请求走网络；只有第二次刷新（或关闭再打开）才可能命中缓存逻辑：

• 用户第一次断网访问，/offline.html 不会生效，页面直接报 net::ERR_INTERNET_DISCONNECTED
• 没法让“首屏就离线可用”，只能保证“二次访问后具备降级能力”
• 若强需求首屏离线，得配合 SSR 或 SSG，把降级内容直接塞进 HTML 响应体

真正要落地离线能力，得删掉所有 manifest 属性、所有 .appcache 文件、所有服务器 MIME 配置，然后从头写 sw.js —— 否则你调的不是缓存，是在调试一个不存在的机制。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！