需要将基于HTML5的Web应用程序转换为针对所有移动设备的移动应用程序。

Question

17

我的HTML/jquery.js网站是否可以转换成一个针对所有设备 (iPhone、Android、黑莓等) 的移动应用程序呢？以下是我能想到的要点，如果有误请纠正。

添加jquerymobile.js并更改CSS样式（基于访问您站点的设备）。

把现有的桌面网站转换成移动网站需要考虑哪些问题呢？或者我应该从头开始创建一个移动网站（MVC4移动网站）？如果这样的话，我必须维护两个代码库（一个用于桌面，一个用于移动），这是我不想做的。

- sajesh Nambiar

1

对我而言，我尝试了gonative.io并且它可行。 - HENG Vongkol

5个回答

5

这个问题是3年前提出的，有很好的答案，我只想根据我的经验添加一些信息：

最好不要创建独立的移动设计，而是使用Bootstrap响应式设计修改现有的网站。

然后你有两个选择：

使用Apache Cordova创建混合Web应用程序，它与上面提到的PhoneGap几乎相同。我正在使用Visual Studio，所以我使用了VS项目模板。
使用Manifoldjs创建托管Web应用程序。我认为这个选项很容易，你只需要将现有的网站包装起来，创建Web应用程序。

如果你使用Visual Studio，则可以即使没有Manifold，也可以创建托管Web应用程序。

- Alexan

3

你可以尝试使用PhoneGap，这是一种快速部署应用程序到各种设备的方法。

- Redwood

自2020年10月1日起，PhoneGap Build服务已停止。 - Georgios Syngouroglou

2

试用免费的PhoneGap构建服务。您上传您的HTML内容，它会自动为不同的设备生成应用程序！

- Jeroen Ooms

自2020年10月1日起，PhoneGap Build服务已停止。 - Georgios Syngouroglou

1

你也可以尝试使用Appery.io来轻松构建Web应用程序。以下是一篇文章，向您展示如何从您的网站制作iOS应用程序。如果您的网站是响应式的，它将自动适配所有移动屏幕尺寸。http://www.techlivewire.com/4844/generate-an-iphone-app-for-your-website.html

- user3268442

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- rsp · Accepted Answer

如果以设备不可知的方式设计您的Web应用程序，那么您可以避免需要两个代码库。这意味着它可以在许多不同的屏幕大小（从小型移动电话到等离子电视机）上显示，并使用许多不同的输入方法（鼠标、键盘、触摸屏、游戏手柄等）进行导航。现在已经有各种技术被称为“移动优先”或“响应式设计”。要开始，请参见：

请记住，如果您的应用程序非常复杂，则可能无法始终以此方式进行设计。在这种情况下，最终可能会有两个或更多个代码库，但是大多数网站和Web应用程序都可以考虑这些原则进行构建。同样要考虑网页内容无障碍指南，可以更轻松地设计能够在多种设备和输入方式下工作的网站。

此外，您还可以使用PhoneGap将移动网站或Web应用程序转换为iOS、Android、Blackberry、Windows Phone、Palm WebOS、Bada和Symbian等实际本机移动应用程序，因此您可以在各个应用商店下载这些特定平台上的应用程序。

2016年更新

我写这篇答案是在2012年，自那时以来已经开发了一些相关工具：