Sencha Touch和jQuery Mobile开发移动应用是本文要介绍的内容,主要是来了解HTML5在移动开发领域的两个优秀框架:Sencha Touch 和 jQuery Mobile,来看详解内容讲解。
HTML5虽然离全面普及还有很长的时间,但在一些开发领域,HTML5已经崭露头角。比如在移动开发中,HTML5更能体现其跨平台的特性 (Flash虽然积极努力,但仍然被iOS等系统拒之门外),说到这里,不得不提一下HTML5在移动开发领域的两个优秀框架:Sencha Touch 和 jQuery Mobile。
本文将站在一个Flash开发者的角度,以一个简单的RSS阅读器实例(这个实例已经在这篇文章《走进Android[1]:如何开发基于Adobe AIR的Android应用》中实现过),初步为大家介绍一下使用这两个框架构建移动应用的差异。
前置知识
首先您需要大致了解Sencha Touch 和 jQuery Mobile。
Sencha Touch简介:
前不久基于JavaScript编写的Ajax框架ExtJS,将现有的ExtJS整合JQTouch、Raphaël库,推出适用于最前沿Touch Web的Sencha Touch框架,该框架是世界上***个基于HTML5的移动应用框架。进入Sencha Touch官方网站查看更多介绍。
jQuery Mobile简介:
为了让移动设备也能用上jQuery,jQuery开发团队发布了jQuery移动设备版开发项目jQuery Mobile Project(http://jquerymobile.com)。jQuery Mobile不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。
工具
工欲善其事,必先利其器,开发之前,要先准备好开发工具和调试工具。
IDE:可以使用任意文本编辑器,随您哪个顺手就用哪个,本文将使用Eclipse+Spket,这是一个非常不错的,主要用于开发Ext应用的插件,但经过配置也可用于jQuery开发,点击这里查看详细介绍。
调试工具:很遗憾Firefox对Sencha Touch的渲染效果非常差,所以我们不能使用Firebug来调试。可以使用谷歌浏览器,其调试工具也不逊色,而对这两款框架的支持程度都尚好。而为了 验证Sencha Touch的效果无偏差,***再装一个Safari浏览器,它对Sencha Touch的渲染是***的。
最终运行效果(点击查看大图)
在线预览(请使用Safari或谷歌浏览器观看):
Sencha Touch版:
- http://www.riameeting.com/examples/sencha/
jQuery Mobile版:
- http://www.riameeting.com/examples/jqmobile/
小结:使用Sencha Touch和jQuery Mobile开发移动应用的内容介绍完了,希望通过本文的学习能对你有所帮助!