html5-appcache - HTML5 应用缓存需要解释

Question

有人可以展示一个完整的应用程序缓存示例，其中包含 html、css、js、appcache 文件，包括 CACHE、NETWORK 和 FALLBACK 部分。还更新清单。代码应该写在哪里？

http://www.html5rocks.com/en/tutorials/appcache/beginner/#toc-updating-cache 根据上述链接更新缓存，代码应该写在哪里？

Answer 1

更新清单的代码由您的服务器在某处编写。

在 PHP 或 Node.js 中，您必须使用您发布的链接中指定的正确 mime 类型编写和提供此文件。

您可以从服务器上的 css 和 js 文件自动生成它。不要包含 html 文件，除非它们是动态页面。

文件的第一行必须是CACHE MANIFEST

现在它假设您将东西放入该CACHE部分，您需要在该部分中包含您希望用户能够离线使用的所有 css 和 js 路径。

要创建一个NETWORK部分，只需在它自己的行上打印出单词。

在本节下，您应该包括只应在线使用的页面。

在该FALLBACK部分下包括一个页面，以显示是否没有可用的离线版本。

这是一个简短的解释，但您应该能够轻松找到帮助您自动生成此文件的教程。

有关缓存清单本身的更多详细信息：

http://diveintohtml5.info/offline.html

提供最好的解释恕我直言。