我想创建添加我的网站的离线版本，以便在使用时不一定连接的人可以使用它（我正在考虑位于地下室但不提供wi的健身房fi连接）。
我做了一些研究，但我找不到任何具体解释如何做我需要的东西。我开始认为这是不可能的......
如果有人可以确认这是可能的，并且可以想到以下几点的教程链接，我将非常感激。
它既适用于Android又适用于ios而不会被更改（我猜想web.xml中的必需条目或任何解决方案）
它应该创建一个可点击的图标，以便它可以像本机应用程序一样启动（不是浏览器中的链接或按钮，例如Opera的快速拨号）。
可能是代码的简短示例。我只是在考虑一些可以作为起点的东西。单击按钮时的警告消息就足够了......
我倾向于尽可能地远离任何框架作为个人偏好，但如果这是唯一的解决方案，我愿意放手一搏。
感谢。
答案 0 :(得分：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">
因此，您可以查找如何最好地使用它们。
这些事情应该指向正确的方向，但请记住，为离线使用存储的任何内容都需要小而有效，因为通常可以离线存储的数据量有限。此外，某些浏览器要求用户在保存任何数据之前授予权限，但请求对话框有时会令人生畏。 （例如“此网页希望在您不知情的情况下将数据保存在您的计算机上，您是否想让它这样做？”）