是否可以将我现有的 HTML/jquery.js 网站转换为针对所有设备（iPhone、Android、Blackberry 等）的移动应用程序。以下是我能想到的几点。如果我错了，请纠正我。添加 jquerymobile.js 并更改 css 样式（基于访问您网站的设备）。
在将现有的基于桌面的网站转换为移动网站时，我应该考虑哪些要点。还是我应该从头开始创建移动网站（MVC4 移动网站）？如果是这种情况，那么我必须维护我不想做的 2 个代码库（1 个用于桌面，1 个用于移动）。
问问题
46769 次
5 回答
15
如果您以与设备无关的方式设计 Web 应用程序，则可以避免使用两个代码库。这意味着它可以显示在许多不同的屏幕尺寸上（从小型手机到等离子电视机），并使用许多不同的输入方法（鼠标、键盘、触摸屏、游戏手柄等）进行导航。实现这一目标的各种技术如今被称为“移动优先”或“响应式设计”。一个好的开始，请参阅：
- 创建移动优先响应式网页设计
- 320 及以上 - '小屏幕优先' 响应式样板
- 移动 HTML5 样板
- Initializr的响应式移动优先模板
- 推特引导
- 祖布基金会
- 有关更多信息，请参阅：Web 设计框架的精彩介绍（Edreih Aldana的视频）
请记住，如果您的应用程序非常复杂并且最终您可能会得到两个（或更多）代码库，那么这可能并不总是可行或方便，但大多数网站和 Web 应用程序都可以使用牢记这些原则。
还请记住，Web 内容可访问性指南可以使设计可以在多种设备上使用多种输入法的网站变得更加容易。
您没有特别要求这样做，但您还可以使用PhoneGap将移动网站或 Web 应用程序转换为适用于 iOS、Android、Blackberry、Windows Phone、Palm WebOS、Bada 和 Symbian 的实际本地移动应用程序，这样您就可以使用您的应用程序用于从这些特定平台的各种应用商店安装。
2016 年更新
我在 2012 年写了这个答案，从那时起已经开发了一些相关工具：
- Ionic - 基于Angular的混合移动应用程序框架
- React Native - 一个基于React构建原生应用程序的框架
- Framework7 - 基于Dom7的混合移动应用程序框架（类似于 jQuery）
- 英特尔 XDK（以前称为 appMobi）
- 加速器
- AppGyver
- NativeScript
- 温泉用户界面
- 更多移动框架比较图表
于 2012-07-23T08:55:32.597 回答
5
这个问题是 3 年前提出的并且有很好的答案，我只想根据我的经验添加一些信息：
最好不要创建单独的移动设计，而是使用Bootstrap使用响应式网页设计修改现有网页。
然后你有两个选择：
- 使用Apache Cordova创建 Hybrid Web App ，与上面提到的 PhoneGap 几乎相同。我使用的是 Visual Studio，所以我使用了VS 项目模板。
- 使用Manifoldjs托管 Web 应用程序。我认为这个选项很简单，您只需将现有网站打包并创建 Web App。
如果您使用 Visual Studio，即使没有 Manifilod 也可以创建托管 Web 应用程序。
于 2016-01-16T02:14:22.867 回答
3
您可以尝试PhoneGap，这是一种将您的应用程序部署到各种设备的快速方法。
于 2012-12-19T19:54:52.843 回答
2
尝试免费的phonegap 构建服务。您上传您的 html 内容，它会自动为不同的设备生成应用程序！
于 2012-12-19T23:46:14.477 回答
1
您还可以尝试 Appery.io 轻松构建 Web 应用程序。这是一篇向您展示如何从您的网站制作 iOS 应用程序的文章。如果您的网站是响应式的，它将自动定位所有移动屏幕尺寸。http://www.techlivewire.com/4844/generate-an-iphone-app-for-your-website.html
于 2014-02-04T04:45:56.750 回答