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

是否可以将我现有的HTML/jquery.js网站转换为针对所有设备（iPhone、Android、Blackberry等）的移动应用程序。以下是我能想到的几点。如果我错了，请纠正我。 添加jquerymobile.js并更改css样式（基于访问站点的设备）

当我把现有的基于桌面的网站转换成移动的网站时，我应该考虑哪些要点。或者我应该从头开始创建一个移动网站（MVC4移动网站）？如果是这种情况，那么我必须维护2个代码库（1个用于桌面，1个用于移动设备），这是我不想做的

如有任何帮助或参考，将不胜感激

干杯，

---

Sajesh Nambiar

如果以设备无关的方式设计Web应用程序，则可以避免使用两个代码库。这意味着它可以显示在许多不同的屏幕尺寸上（从小型手机到等离子电视机），并使用许多不同的输入方法（鼠标、键盘、触摸屏、游戏垫等）导航。如今，各种技术被称为“移动优先”或“响应式设计”。有关良好开端，请参阅：

• 来自
• 欲了解更多信息，请参阅：（作者的视频）

请记住，如果您的应用程序非常复杂，那么它可能并不总是可能或方便的，最终您可能会得到两个（或更多）代码库，但大多数网站和Web应用程序都可以使用这些原则构建

同时，牢记这些特性可以使设计能够在多种设备上工作并使用多种输入法的网站变得更加容易

您没有特别要求，但另外，您可以使用将移动网站或Web应用程序转换为iOS、Android、Blackberry、Windows Phone、Palm WebOS、Bada和Symbian的实际本地移动应用程序，这样您就可以在这些特定平台的各种应用商店中安装您的应用程序

2016年更新 我在2012年写下了这个答案，此后开发了一些相关工具：

• -基于
• -一个基于
• -基于的混合移动应用程序框架（类似于jQuery）
• （以前称为appMobi）
• 更多关于

---

你可以试试，这是一种将你的应用部署到各种设备上的快速方法。

试试免费的。你上传你的html内容，它会自动为不同的设备生成应用程序

您也可以尝试Appery.io轻松构建web应用程序。这里有一篇文章向您展示如何从您的网站制作iOS应用程序。如果您的网站响应迅速，它将自动针对所有手机屏幕大小

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

最好不要创建单独的移动设计，而是使用响应式web设计修改现有web

那么您有两个选择：

使用创建混合Web应用程序，它几乎与上面提到的PhoneGap相同。 我使用的是Visual Studio，所以我使用了

使用托管的Web应用程序。 我认为这个选择很简单，你只需要把你现有的网站打包，创建一个web应用程序

---

如果您使用Visual Studio，您可以创建。

对于我来说，我尝试了gonactive.io，它可以工作。React Native不是Hybrid:）@IanSegers您是对的。谢谢我更新了答案。英特尔XDK已停产。