如何将针对移动设备优化的网站转换为可下载的 Android 移动应用程序？答案

【问题标题】：How to convert a web site optimized for mobile into a downloadable mobile app for Android?如何将针对移动设备优化的网站转换为可下载的 Android 移动应用程序？
【发布时间】：2013-02-26 21:23:51
【问题描述】：

我有一个由 ColdFusion、SQL Server 和 jQuery 提供支持的网站。我构建了一个主站点版本，并使用 jQuery Mobile 为移动设备优化了它。它完全按照我想要的方式工作。（您可以在这里查看网站：（http://www.flyingpiston.com/mobile/）

有人要求我将此站点转换为可以从主站点下载的应用程序。我认为这样做没有任何好处，但我需要完成它。我的客户希望访问者能够在他们的手机上安装该网站，以便它看起来是一个成熟的网络应用程序，通过点击移动设备上的图标开始，而不是像浏览器中的网站。

该网站需要从数据库中提取新内容以及托管在主网站上的新图像。所以，这不是一个静态网站。

有人建议我通过 Phone Gap 运行我的代码，它会为我输出一个 Android 应用程序。这听起来太简单了。

我应该从哪里着手将这个经过移动优化的网站变成可下载的应用程序？

【问题讨论】：

phonegap 教程很容易上手。我以前没有在 CF 站点上做过，但根据我的经验，这真的就像将 script/html/css 文件放在一个压缩文件夹中并将其上传到 PG 的构建服务器一样简单。虽然如果客户唯一想要的东西是他们可以从他们的 android 桌面下拉为 .apk 和一键启动（没有本机应用程序功能），你可以创建一个虚拟的 html 页面，实际上只不过是重定向到您的实际站点并使用图标打包 zip。只需通过 PG build 运行它即可。
哇！你可能刚刚给了我我需要的东西。明确地说，我可以制作一个可下载的网络应用程序，它仅包含一个时尚的 html 页面，该页面在单击徽标时重定向到一个网站，或者非常简单的东西。不错！

标签： cordova jquery-mobile mobile

【解决方案1】：

如果您不想重建整个网站，您可以随时使用 WebView 并以这种方式加载网站。我只是为一个非常成功的客户做了这个。您甚至可以使用 WebView 直接与 Android 交互，这样您就可以访问 GPS、摄像头、传感器等。我什至添加了一个操作栏和导航抽屉，以赋予它原生应用程序的完整感觉。您无需创建两次，移动网站的所有更新都会在应用程序上自动更新。您应该注意，如果有指向外部站点或手机上其他应用程序（如地图或手机应用程序）的链接，您将必须覆盖默认 URL 操作并将其正确加载到您的 WebView 之外，这是使用 @ 完成的987654322@ 方法。这样做的好处是，您拥有一个本机应用程序，可以在必要时利用 Android 的所有功能。

https://developer.android.com/guide/webapps/webview.html

【讨论】：

有趣！我今天会检查一下。
我实际上可以向您发送我正在使用的示例代码。我花了很多时间在这上面，分享我的结果真的没有问题。涉及很多细微差别，我可以为您省去很多麻烦。我不知道我怎么能分享这么多代码。