将 HTML5 转换为独立的 Android 应用程序

Posted 2023-03-31

【中文标题】将 HTML5 转换为独立的 Android 应用程序

【英文标题】：Convert HTML5 into standalone Android App

【发布时间】：2012-10-11 13:43:03

【问题描述】：

我有一个不包含任何外部资源的动态 HTML5 文档（文档内部没有编码图像、css 和脚本）。这个 html5 应用程序在 Internet 浏览器上运行良好。我想知道，是否可以将这个HTML5 应用程序转换 成独立的Android 应用程序，这样它就可以在没有浏览器的情况下直接执行。请指教。

【问题讨论】：

别忘了，即使你把这个 html5 放在 webview 中，打包成一个应用，它仍然不会像原生应用那样流畅、快速、动态、响应迅速。跨度>

我理解你的意思，我只是在提醒你，因为我在一个做原生 ios、原生 android 的地方工作（我真的应该回去工作而不是在 *** 上）和 HTML5-> 到移动设备，最终结果的质量没有可比性。

我不同意。我正在使用 m-gwt.com，并且至少在新的 IO 和新的 Android 设备上没有性能问题。

【参考方案1】：

使用 Eclipse 创建一个 Android 应用程序。

创建一个包含<WebView> 控件的布局。

将您的 HTML 代码移动到 /assets 文件夹。

使用您的 file:///android_asset/ 文件加载 webview。

你有一个安卓应用程序！

【讨论】：

现在所有的网络应用都头痛了。谢谢 :) 我有一个关于更新的问题。每次我们对 Web-app 进行更新时，都反映得非常快。那么如果我想向移动应用用户提供更新，这种方法该怎么做呢？

别忘了启用 javascript：WebSettings webSettings = w.getSettings(); webSettings.setJavaScriptEnabled(true);

在创建这样的 webview 应用程序时 localStorage 是否有效？我的整个项目都依赖于它，所以我不想开始它只是后来发现它是不可能的。

我不确定，因为我知道的不多。但它应该基本上支持 android 的 WebView 支持的所有内容。您可以在此处阅读文档 - developer.android.com/reference/android/webkit/WebView.html

不能用android studio吗？

【参考方案2】：

您可以使用 PhoneGap。

http://phonegap.com/

http://docs.phonegap.com/en/2.1.0/guide_getting-started_android_index.md.html#Getting%20Started%20with%20Android

这具有成为跨平台解决方案的好处。请注意，您可能需要支付订阅费。最简单的解决方案是嵌入WebView，如@Enigma 的回答中所述。

【讨论】：

您是否介意在您发布文档链接后要求我提供一些指导？我的意思是，该指南教授如何构建应用程序。时期。但是这个应用程序如何有效地成为一个 Android 应用程序，例如，准备上传到 Google Play。 PhoneGAP 是否也涵盖了这部分？

我还没有构建PhoneGap应用所以我不知道。我相信你可以在他们的网站上找到信息。

还有其他选择吗？我不是在寻找像 Titanium 这样复杂的东西，主要是因为我不太喜欢 JavaScript

@Enigma 的回答提供了最简单的解决方案。

PhoneGap 听起来/似乎对希望在 HTML5 网络应用程序之外拥有原生应用程序的网络开发人员来说很好，但最后有一个问题。一开始，一切都被认为是开源和免费的，最后它要求订阅费用才能将应用程序添加到商店。有一个免费的选项，有很多限制。

【参考方案3】：

您可以使用https://appery.io/ 它是相同的phonegap，但在非常方便的包装中