为android和ios创建一个html离线应用程序(至少)

Dan*_*Dan 2 html5 offlineapps

我想创建添加我的网站的离线版本,以便它可以被使用时不一定连接的人使用(我正在考虑位于地下室并且不提供Wi-Fi连接的健身房) .

我做了一些研究,但我找不到任何具体解释如何做我需要的东西.我开始认为这是不可能的......

如果有人可以确认这是可能的,并且可以想到以下几点的教程链接,我将非常感激.

  • 它应该在Android和ios上都可以工作而不会被改变(我猜想web.xml中的必需条目,或任何解决方案)

  • 它应该创建一个可点击的图标,以便它可以像本机应用程序一样启动(不是浏览器中的链接或按钮,例如Opera的快速拨号).

  • 可能是一个简短的代码示例.我只是在考虑一些可以作为起点的东西.单击按钮时的警告消息就足够了......

  • 作为个人偏好,我倾向于尽可能远离任何框架,但如果这是唯一的解决方案,我愿意放弃.

谢谢.

lem*_*ter 6

以下是一些可以帮助您入门的资源:

HTML5支持应用程序缓存,它至少在iOS上运行,我认为更现代的Android手机.http://www.html5rocks.com/en/tutorials/appcache/beginner/

在iOS上至少有一些特殊的元标记,您可以在html中使用这些元标记使页面可以在启动屏幕上保存.

<meta name="apple-mobile-web-app-capable" content="yes">

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

所以你可以查看如何最好地使用它们.

这些事情应该指向正确的方向,但请记住,任何存储用于离线使用的东西都需要小而有效,因为通常可以离线存储的数据量有限.此外,某些浏览器要求用户在保存任何数据之前授予权限,但请求对话框有时会令人生畏.(例如"此网页希望在您不知情的情况下将数据保存在您的计算机上,您是否想让它这样做?")