javascript - 为桌面和移动设备打包 HTML5 应用程序？

Question

已结束。此问题正在寻求书籍、工具、软件库等的推荐。不满足 Stack Overflow guidelines 。目前不接受答案。

---

我们不允许提出寻求书籍、工具、软件库等推荐的问题。您可以编辑问题，以便用事实和引文来回答。

已关闭 7 年前。

Improve this question

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

该应用程序目前可以在网络上运行，但为了方便起见，我想将其作为移动应用程序(至少对于 Android 和 iOS)以及 Windows 和 Mac 的桌面应用程序提供。

我没有使用任何特定于移动设备的功能(指南针、联系人、相机)，但是应用程序应该有自己的 Web View (基于 Chromium？)，以确保它在任何地方都具有相同的功能。

应用程序应该能够执行的一些操作:

• 加载和保存文件(如果操作系统支持，则通过浏览对话框)
• 访问本地存储
• 支持网络 worker
• 支持 Facebook

到目前为止，我无法找到满足我所有要求的东西。我见过仅限桌面的解决方案(nw.js、电子)和仅限移动设备的解决方案(phonegap)，但我不确定它们是否支持我需要的功能。 WebKit 浏览器不允许 Web Worker 使用 file:///协议(protocol)； IE 不允许使用文件协议(protocol)的 localStorage。

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

Answer 1

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

• iOS 使用 Apple 的 UIWebView 进行渲染，甚至对于 Chrome 也是如此:https://developer.chrome.com/multidevice/ios/overview 。所以你仍然需要引用http://caniuse.com/时不时地。
• 在手机上访问本地设备变得很奇怪。使用<input type=file>在 iOS 设备上会显示您的照片，而不是浏览器来查找本地设备上的文件。

也就是说，我在 PhoneGap 方面取得了相当大的成功。它创建一个 W3C 小部件，如果您遵循一些准则，则可以扩展到 Web 应用程序:Phonegap code as a web app .