是否可以将此页面设为iPhone的离线Web应用程序？

Question

www.mark ?? z.se/test 删除：?? ??

只有4个文件：

的index.html appIcon.png startup.PNG SMS_2.jpg

如何才能将其设为离线应用，是否可能？

CSS和所有JS都在html文件中。

Answer 1

在此处阅读有关创建离线网络应用的信息：

http://diveintohtml5.ep.io/offline.html

iPhone Safari浏览器支持离线网络应用。你需要：

• 修改网页以引用cache.manifest文件
• 创建一个cache.manifest文件，列出需要下载的资源
• 将您的Web服务器配置为使用正确的内容类型
提供cache.manifest文件

我使用此引用（以及其他）来创建脱机GWT Web应用程序。 iPhone / Safari可以使用“添加到主屏幕”为网站“添加书签”，因此它看起来像是iphone本机应用程序。

祝你好运。

Answer 2

UIWebView http://developer.apple.com/library/ios/#documentation/uikit/reference/UIWebView_Class/Reference/Reference.html 能够显示具有与之关联的javascript和css的html内容。我应该可以将您的文件作为应用程序包的一部分包含在内，并让UIWebView加载它们。阅读该类参考和示例代码，看看它是否符合您的需求。

Answer 3

在台式机中，每个资源都绑定html文件，css内联，js内联，通过url（'data：image'）在css中编码的图像 @see http://en.wikipedia.org/wiki/Data_URI_scheme 并将浏览器关联到html文件，双击页面将打开您的页面。 chrome还有一个“创建应用程序快捷方式”，可以围绕您的html5应用程序创建更“原生”的框架。 prism https://wiki.mozilla.org/Prism与mozilla引擎实现的概念相同。

在基于webkit的移动浏览器中，有类似的方法可以利用，即对于iPad，您可以在主屏幕中创建与原生应用程序完全相同的快捷方式，并访问5Mb的文件缓存（http：//www.html5rocks的.com /教程/应用程序缓存/初学者/).