HTML5 离线缓存

Posted 2023-02-23

【中文标题】HTML5 离线缓存

【英文标题】：HTML5 offline caching

【发布时间】：2010-11-15 11:34:33

【问题描述】：

我已阅读以下 Mozilla Developer article，其中解释了如何在 Web 应用程序中实现 html 5 离线资源缓存。

我已尝试在本地对此进行测试：将 mime 类型添加到列表中，创建清单文件，将我的 doctype 更改为 HTML 5 doctype，在 HTML 元素上指定 manifest 属性和正确路径——但我仍然根本看不到 Firefox 正在使用清单文件。我还检查了 Apache 上的访问日志，没有看到任何对清单文件的请求。

有没有人试一试并取得成功？我只是不知道如何进一步解决该问题，并欢迎任何建议。

【问题讨论】：

我发现manifest-validator.com 有助于确保您的清单文件有效。

【参考方案1】：

是的，我有一个完整的工作原型。当时Firefox中的清单系统存在缺陷。您可以使用 applicationCache.add()、applicationCache.remove() 等以动态方式实现 Maninfest 系统...

清单然后只需要是一个 json 文件。您仍然需要在 html 标记中包含 @manifest。

【参考方案2】：

我整理了一些可能对您有所帮助的资源：

HTML 5 Offline Web Applications W3C's Offline Web Applications Kaizou's Offline Web Applications Blog post (very helpful)

【讨论】：

我没有时间进一步解决这个问题，但我也感到不安，因为我没有设法让这个问题在本地运行，所以无法回答这个问题。我认为最好还是接受您对提供的优质资源的回答。

我还在这篇文章中分享了我将一个相当复杂的网络应用程序离线的经验：blog.bitrzr.com/2010/10/…