使用html5清单在iPad上本地存储图像和JavaScript以减少带宽并缩短页面加载时间？

Question

我目前正在开发我的开源电子商务平台的在线iPad版本，供Trade Shows的salesreps使用。该应用不需要完全脱机，因为他们需要访问网络服务器上的实时数据。

代表将拥有有限的连接（主要通过风靡的iPhone或有限的WiFi），所以我想最大限度地减少远程加载的数据量。

我正在调查使用html5清单，并想知道是否有人可以启发我？

1. 我可以使用网站中使用的所有图像以及css和javascript文件有效地填充iPad吗？从而阻止浏览器从在线服务器请求它们？
2. 如果是这样，我该怎么办？我希望不必列出清单文件中的每个文件。 （这似乎是一个非常漫长的方式来做到这一点！）在iPad上打开浏览器页面，其上显示的每个图像都有效吗？ （这可以在高速宽带可用的情况下完成）
3. 有没有人有关于如何设置的“白痴指南”风格文章的链接？

任何想法，提示或指示都会受到欢迎。

提前致谢。

Answer 1

我发现这些网站在开始开发离线网络应用程序时最有用：

• http://diveintohtml5.ep.io/offline.html
• http://www.html5rocks.com/tutorials/appcache/beginner/
• http://www.thecssninja.com/javascript/how-to-create-offline-webapps-on-the-iphone

您可以阻止浏览器通过在清单的CACHE部分中列出所有css，图像和javascript来重新下载它们。您需要列出要缓存的所有文件。

您还应该列出您不希望在网络部分中缓存的网址