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