使用 Web 应用程序在移动设备上本地存储文件答案

【问题标题】：Storing Files locally on Mobile Device using a Webapp使用 Web 应用程序在移动设备上本地存储文件
【发布时间】：2014-01-28 23:30:38
【问题描述】：

我需要创建一个执行以下操作的应用程序：

为此我使用什么工具？到目前为止，我在 HTML5 网络应用程序中，并且我了解如何缓存站点，但是如何将文件（PNG 和 HTML）保存在本地，并且如果用户清除浏览器缓存，则不会被清除？ iOS、Android 和 Windows 原生是唯一的途径吗？

感谢任何帮助...

【问题讨论】：

【解决方案1】：

如果您希望您的应用程序可以在多个平台上运行并可以离线使用，那么最好的办法是将您的应用程序包装在 PhoneGap 之类的东西中，然后为各种平台打包。

这允许一个通用的“基于 HTML 的网络应用程序”代码库，但需要分别针对不同的平台进行编译。

【讨论】：

我担心 phonegap 方法性能不佳。会有很多动画和图像加载。你是说我不能使用适用于 android 和 ios 的客户端数据库？
我可能对您的要求感到困惑。您打算如何部署该应用程序？它只是一个响应式网站吗？关于离线功能，我在 iOS 方面，所以我不了解 Android，但如果您没有网络访问权限，移动版 Safari 会告诉您“Safari 无法打开页面，因为您的 iPhone 未连接到互联网”。我知道的唯一选择是将其创建为本机应用程序，从而将基于 HTML 的应用程序包装在 PhoneGap 或 Titanium Appcelerator 之类的东西中。
我在 phonegap 上做了一些尝试，但是当我运行一些具有类似功能的测试应用程序时，我注意到我的 android 设备上的动画非常慢。我希望该应用程序在 android 和 ios 设备上尽可能相似，但用户需要能够下载大约 20-30mb 的图像和可以离线查看的 pngs。我在 webapp (HTML5) 中看到的问题是，如果用户清除 safaris 缓存，下次连接时，他们将不得不再次下载所有 20-30mb 的文件。
部署无关紧要。可以通过游戏/应用商店或网站进行部署。那部分不是一个因素
我对在 android/ios 设备上使用内部存储更感兴趣