标签 html offlineapps
<分区>
我想为我的网站创建一个离线版本，以便那些在使用它时不一定联网的人也可以使用它(我想到的是位于地下室且不提供无线网络的健身房无线连接)。
我做了一些研究，但我找不到任何具体说明如何做我需要做的事情。我开始认为这是不可能的...
如果有人可以确认这是可能的，并且可以想到以下几点的教程链接，我将非常感激。
它应该可以在 Android 和 ios 上运行而无需更改(我想这两个都需要在 web.xml 中输入，或者任何解决方案)
它应该创建一个可点击的图标，以便它可以像 native 应用程序一样启动(而不是浏览器中的链接或按钮，例如 Opera 的快速拨号)。
可能是一个简短的代码示例。我只是在想一些可以作为起点的东西。单击按钮时的警告消息就足够了...
根据个人喜好，我倾向于尽可能远离任何框架，但如果它是唯一的解决方案，我愿意试一试。
谢谢。
最佳答案
这里有一些可以帮助您入门的资源:
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">
因此您可以查看如何最好地使用它们。
这些应该为您指明了正确的方向，但请记住，为离线使用而存储的任何内容都需要小而高效，因为通常可以离线存储的数据量是有限的。此外，一些浏览器要求用户在保存任何数据之前授予权限，但请求对话框有时令人生畏。 (例如“此网页想要在您不知情的情况下将数据保存在您的计算机上，您想让它这样做吗？”)
关于html - 为 android 和 ios 创建一个 html 离线应用程序(至少)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17904909/