如何为 iOS、Android、BBerry、Symbian 创建 Web 应用程序答案

【问题标题】：How to create a Webapp for iOS, Android, BBerry, Symbian如何为 iOS、Android、BBerry、Symbian 创建 Web 应用程序
【发布时间】：2011-10-18 08:20:33
【问题描述】：

挑战

我想创建一个简单的网站：

iPhone 3 和 4
iPad
安卓2.2 – BBerry OS 7 和 Playbook 浏览器
塞班
桌面网络浏览器

问题

为每个设备/屏幕尺寸检测、优化和交付 Web 应用程序的“最佳实践”是什么？我知道这是关于 HTML5、CSS3 媒体查询和 JS 的。 HTML5 Boilerplate 是一个很好的起点。

但是：

我应该通过后端/前端检测浏览器/设备吗？有什么好图书馆？
如何检测不同的屏幕尺寸？什么是好的库？
等

【问题讨论】：

也看看 jQuery Mobile，虽然不是你的要求，但可能会有所帮助。另一个是 Sencha mobile。

标签： android ios html blackberry mobile

【解决方案1】：

使用Phone Gap 作为您的起点。

根据您的用例，您可能还想在上面堆放其他库，但基本上 Phone Gap 是您应该开始的。

【讨论】：

PhoneGap 适用于原生应用。我的应用程序（网站）必须在移动浏览器中运行。
不完全是，Phone Gap 还用于构建优化的移动网站。顺便说一下，你也可以看看 JQuery Mobile。

【解决方案2】：

我的建议是使用Sencha Touch。它是一个非常成熟的移动应用程序框架，拥有非常活跃的社区。他们支持任何使用基于 webkit 的浏览器的移动设备，这是您列表中的所有内容（我不确定 symbian 浏览器）。

10月底发布的Sencha 2将拥有自己的原生打包库，因此不需要使用phonegap。但如果愿意，它可以很好地处理电话间隙。

【讨论】：

煎茶触摸太大。我不想构建一个真正的应用程序。只是一个优化的网站。
然后在移动设备上使用具有不同 css 的移动网站。顺便说一句，Sencha 2 允许我们只包含我们使用的文件，因此创建一个 lib js 文件的自定义构建。

【解决方案3】：

Mobl 是移动网络的新语言。看看就好。

【讨论】：

【解决方案4】：

Adobe's Edge 是最精致的 HTML5 创建者，它还支持 Android、iOS 和 Playbook（恕我直言，忘记 Symbian，那是诺基亚半死不活的平台）。 BB7 与大多数其他桌面和移动浏览器一样使用 webkit。

请注意，巧合的是 Phonegap（我在此处的其他答案中看到）is part of Adobe now。

你也可以试试Titanium's new web SDK。

然后看看this SO question，它和你的很相似，里面有很多有用的链接。

【讨论】：