应用程序缓存错误事件:清单提取失败 (404)

Application Cache Error event: Manifest fetch failed (404)

我有一个简单的 html 网站,其中包含一个 css 和 js 文档以及一些图像。我需要使这项工作 offline.I 为此目的使用 html 5 个离线缓存。 在部署和浏览时,我发现该网站没有 cache.Console 显示错误: 应用程序缓存错误事件:清单获取失败 (404)

详情如下: 目录结构:

清单文件:

怎么了?

你试过了吗example.manifest.php?而不是 .txt?

文件名必须是manifest.appcache;它不应包含 images/javascript/css/html 文件以外的文件名。任何其他类型都将导致获取文件时出错。 应用于离线缓存的规则是~'catch all or none'.

如果您在 iPhone 上缓存移动数据,请检查文件名,因为根据 Apple Docs,它必须是 cache.manifest:

Storing Data on the Client

已经是 2019 年了,我收到了完全相同的错误消息 =)

对我来说,将文件重命名为 manifest.appcache 就可以了。

无论如何,进一步挖掘这个错误,我发现 AppCache API 已被弃用(我是这些 API 的新手,因为我最近开始研究PWA不再推荐(使用CacheStorage + ServiceWorkers 代替) https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache

希望这个信息可以帮助到同一条路上的其他人=)