如何编写HTML5离线应用缓存清单文件配置步骤详解？
- 内容介绍
- 文章标签
- 相关推荐
本文共计962个文字，预计阅读时间需要4分钟。
不一定要，但绝大多数情况下，需要和HTML页面同源且可被同域请求。浏览器只认可manifest属性指向的路径是否能够返回正确的MIME类型（text/cache-manifest）。不强制要求物理位置，但实际部署中放置错误会导致404或MIME不匹配——这是离线失败最常见的原因。
-
manifest属性值是相对路径，比如<html manifest="app.manifest">，那它就相对于当前 HTML 的 URL 解析 - Apache/Nginx 需显式配置
.manifest后缀返回text/cache-manifest；否则即使文件存在，Chrome 会静默忽略 - 开发时用
file://协议直接双击 HTML 打开，manifest完全不生效——必须走 HTTP/HTTPS
缓存清单语法写错一行就会整个失效
Manifest 文件不是宽松解析的配置，任何空格、大小写、BOM、注释位置错误都会让浏览器拒绝缓存。尤其注意：首行必须是 CACHE MANIFEST（全大写、无空格、无 BOM），且后面要换行。
本文共计962个文字，预计阅读时间需要4分钟。
不一定要，但绝大多数情况下，需要和HTML页面同源且可被同域请求。浏览器只认可manifest属性指向的路径是否能够返回正确的MIME类型（text/cache-manifest）。不强制要求物理位置，但实际部署中放置错误会导致404或MIME不匹配——这是离线失败最常见的原因。
-
manifest属性值是相对路径，比如<html manifest="app.manifest">，那它就相对于当前 HTML 的 URL 解析 - Apache/Nginx 需显式配置
.manifest后缀返回text/cache-manifest；否则即使文件存在，Chrome 会静默忽略 - 开发时用
file://协议直接双击 HTML 打开，manifest完全不生效——必须走 HTTP/HTTPS
缓存清单语法写错一行就会整个失效
Manifest 文件不是宽松解析的配置，任何空格、大小写、BOM、注释位置错误都会让浏览器拒绝缓存。尤其注意：首行必须是 CACHE MANIFEST（全大写、无空格、无 BOM），且后面要换行。