如何将使用 jQuery Mobile 构建的网站转换为移动应用程序？答案

【问题标题】：How to convert a website built with jQuery Mobile into a mobile app?如何将使用 jQuery Mobile 构建的网站转换为移动应用程序？
【发布时间】：2013-06-02 13:48:40
【问题描述】：

我正在寻找一种方法来包装使用 jQuery Mobile 构建的网站，以便它可以作为手机上的应用程序运行。我不知道这个过程有多复杂。我认为 PhoneGap 可以做到这一点，但我不知道在 PhoneGap 网站上的哪里可以找到任何教程或文档。这可以在不同的手机上使用吗？有人能指出我正确的方向吗？

【问题讨论】：

标签： android jquery-mobile cordova

【解决方案1】：

您可以转换，但它涉及一个复杂的过程。在这里，我提供了一些对您将 jquery mobile 中的网站转换为移动应用程序有用的步骤：

转到http://www.phonegap.com 并下载PhoneGap 2.2.0，因为它非常稳定（虽然版本 2.7.0 已经发布）
然后转到http://docs.phonegap.com/en/2.2.0/guide_getting-started_index.md.html#Getting%20Started%20Guides 并点击第一个名为“Android 入门”的链接
只需按照简单的步骤在您的机器上设置 Eclipse IDE 以构建 android 应用程序
然后您可以将整个内容（网页集）复制并粘贴到 www 目录中，然后构建/运行应用程序
它将在模拟器中运行并创建 .apk 文件，然后您可以尝试在任何安卓手机上运行该文件。

注意：我不确定外观/UI 是否与您在桌面网站上使用过的应用相同

安装 ADT 插件也可以参考本站：http://developer.android.com/sdk/installing/installing-adt.html

【讨论】：

【解决方案2】：

jQuery mobile 确实支持 PhoneGap - 请参阅 Building PhoneGap (Cordova) apps with jQuery Mobile，PhoneGap 应用在不同平台上会有所不同，但网站可以相同（当然它看起来像网站，而不是原生应用）

更新：

如果您只需要制作一个包装您的网站的应用程序，您甚至不需要 PhoneGap - WebView 是标准 Android SDK 的一部分 - 请参阅Building Web Apps in WebView

【讨论】：

不确定您所说的“......它看起来像一个网站，而不是原生应用程序”是什么意思。我目前有一个内置在 jQuery Mobile 中的页面，可以通过 Web 浏览器访问。我想做的就是使用一些东西作为包装器，以便它可以作为应用程序或类似的东西下载或安装。可以通过PhoneGap吗？
是的，这是可能的，PhoneGap 扩展了 JS API，提供了一些特定于手机的功能，但它仍然是一个浏览器，您的应用程序将具有 Web 外观和导航。实际上，如果您只需要制作一个包装您的网站的应用程序，您甚至不需要 PhoneGap - WebView 是标准 Android SDK 的一部分

【解决方案3】：

首先，您可以下载“Google chrome”扩展程序，即 Ripple。这将使您在移动 UI 显示中看到该网站。然后，您可以在代码中链接 Apache Cordova aka PhoneGap，然后使用 phone gap 打包它。此过程可以帮助您构建可以在 android 和 iOS 上运行的混合移动应用程序。请注意，您使用 android 和 iOS 的“应用程序资源”下载正确的 cordova 文件。

【讨论】：

【解决方案4】：

您可以尝试使用Convertify。借助他们的服务，您可以将任何网站转换为原生移动应用程序、iOS 或 Android

【讨论】：