如何通过修改HTML5缓存清单和强制刷新来更新HTML5离线应用？

本文共计1052个文字，预计阅读时间需要5分钟。

浏览器不会因为简单文件内容变化就自动重新下载资源——它只在检测到cache.manifest文件的字节内容（包括注释、空格、换行）发生变化时，才触发更新流程。很多开发者更改了资源路径或版本号，却忽略了动态清空缓存本体。

实操建议：

立即学习“前端免费学习笔记（深入）”；

• 每次修改缓存资源前，必须改动 cache.manifest 的某一行（比如加一句 # v20240521 或改一个空格）
• 确保服务器对 .manifest 后缀返回 text/cache-manifest MIME 类型，否则浏览器直接忽略该文件
• 用开发者工具的 Application → Manifest 面板确认“Last updated”时间是否变化，没变说明浏览器根本没拉新清单

window.applicationCache 已废弃，但旧项目还在用

Chrome 94+、Firefox 85+ 已完全移除 window.applicationCache 和相关事件（updateready、cached 等）。如果代码里还写着 applicationCache.update()，控制台会报 TypeError: Cannot read property 'update' of undefined，且整个离线逻辑静默失效。