打包桌面和移动的HTML5应用程序？

Question

我正在寻找一个成熟的解决方案来将HTML5项目（html5 + javascript + css）打包为桌面和移动应用。

该应用程序目前在网络上正常运行，但为方便起见，我希望将其作为移动应用程序（至少适用于Android和iOS）以及Windows和Mac的桌面应用程序提供。

我没有使用任何特定于移动设备的功能（指南针，联系人，相机），但应用程序应该有自己的webview（基于Chromium？），以确保它在任何地方都能正常运行。

应用应该可以做的一些事情：

• 加载并保存文件（如果操作系统支持，则通过浏览对话框）
• 访问localStorage
• 支持Web Workers
• 支持Facebook

到目前为止，我找不到符合我所有要求的东西。我已经看到仅限桌面的解决方案（nw.js，电子）和仅限移动设备（phonegap），我不确定他们对我需要的功能的支持。 WebKit浏览器不允许web worker使用file：/// protocol; IE不允许localStorage使用文件协议。

理想情况下，我使用一种解决方案为所有平台打包应用程序，只需对源代码进行最少的更改。

Answer 1

可能很难满足您的所有要求：

• iOS使用Apple的UIWebView呈现，即使对于Chrome：https://developer.chrome.com/multidevice/ios/overview也是如此。因此，您仍需要不时参考http://caniuse.com/。
• 在手机上访问本地设备会很奇怪。在iOS设备上使用<input type=file>会显示您的照片，而非浏览器以查找本地设备上的文件。

那就是说，我在PhoneGap上取得了相当不错的成功。它会创建一个W3C小部件，如果您遵循一些指导原则，可以扩展到Web应用程序：Phonegap code as a web app。