使用Sencha Touch和jQuery Mobile开发移动应用的过程对比

richbox 发布于2010-11-09 22:30 | 222次阅读 | 字体: 打印预览


HTML5虽然离全面普及还有很长的时间,但在一些开发领域,HTML5已经崭露头角。比如在移动开发中,HTML5更能体现其跨平台的特性 (Flash虽然积极努力,但仍然被iOS等系统拒之门外),说到这里,不得不提一下HTML5在移动开发领域的两个优秀框架:Sencha Touch 和 jQuery Mobile。本文将站在一个Flash开发者的角度,以一个简单的RSS阅读器实例(这个实例已经在这篇文章《走进Android[1]:如何开发基于Adobe AIR的Android应用》中实现过),初步为大家介绍一下使用这两个框架构建移动应用的差异。

前置知识

首先您需要大致了解Sencha TouchjQuery 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的渲染是最好的。

最终运行效果(点击查看大图)

photophoto

在线预览(请使用Safari或谷歌浏览器观看):

Sencha Touch版:http://www.riameeting.com/examples/sencha/

jQuery Mobile版:http://www.riameeting.com/examples/jqmobile/

开发过程:

http://www.riameeting.com/node/910


本文出处 : http://www.richbox.net/blog/?p=569 end

上一篇:RIAMeeting推出新版的离线播放器

下一篇:Flash Builder非法关闭造成无法启动的解决方法