如何为iOS、Android、BBerry、Symbian创建Web应用程序 挑战

我想为以下内容创建一个简单的网站：

• iPhone3和iPhone4
• iPad
• 安卓2.2 –BBerry OS 7和Playbook浏览器
• 塞班
• 桌面网络浏览器

问题 对于每个设备/屏幕，检测、优化和交付Webapp的“最佳实践”是什么？我知道这是关于HTML5、CSS3媒体查询和JS的。HTML5样板是一个很好的起点

但是：

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

将其作为您的出发点

---

根据您的用例，您可能希望在其上堆积其他库，但基本上您应该从电话缺口开始

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

Sencha 2将于10月底发布，它将拥有自己的原生打包库，因此不需要使用phonegap。但如果愿意的话，它可以很好地与phone gap配合使用

是移动网络的新语言。看看吧。

是最精致的HTML5创建者，同时支持Android、iOS和Playbook（我忘了Symbian，那是诺基亚的半死不活的平台）。BB7像大多数其他桌面和移动浏览器一样使用webkit

请注意，巧合的是，Phonegap（我在这里的其他答案中看到）

你也可以试试看

---

然后看看哪个与你的非常相似，并且有很多有用的链接。

Sencha Touch太大了。我不想创建一个真正的应用程序。只是一个优化过的网站。在这种情况下，就可以为移动设备使用具有不同css的移动网站。顺便说一句，Sencha 2允许我们只包含我们使用的文件，因此创建一个自定义的lib js file.PhoneGap是用于本机应用程序的。我的应用程序（网站）必须在手机浏览器中运行。不完全是这样，Phone Gap还用于构建优化的手机网站。顺便说一句，你也可以看看JQuery手机。也可以看看JQuery手机，这不是你真正想要的，但可能会有所帮助。另一个是Sencha mobile。