四种常用HTML5移动应用框架的比较

1、四种常用HTML5移动应用框架的比较对于Mobile Web来说，现在是快速成长时代。 由于采用了 HTML5和CSS3技术，移动浏览器的性能加 强了许多，同时，移动 app的框架也扩展了，这意味着为移动设备创建丰富的互动的web体验的可行性又提升了。本文通过对四种常用的框架进行比较，看看新技术带来了哪些改变。采用诸如PhoneGap这样的封装软件，您就可以使用 native app Store以及单个代码库，就可以分布式 部署iPhone，iPad和Android等不同的目标平台了。对于Mobile Web的开发人员来说，切换框架代价很高：因为动画的转换，工具栏，按钮，列表的显示， 以及线下

2、存储等都很麻烦。因为大部分上述功能都是新技术，以及这些领域的技术还在迅速地改变。作者 玩转了许多Mobile Web的框架并且对它们进行了分析比较，下面将为您讲解他的研究发现。jQTouchjQTouch易用性强，相关文档也很全面。它的特色是在使用HTML,CSS和JavaScript创建iPhone App方面拥有出色的能力。jQTouch使用渐进增强的方案，在您相应的HTML顶层来实现像iPhone那样的用户体验。它简单易用，提供了一个基础的小工具集以及动画方案，开发人员只需要编程控制其动态行为即可。不过在作者的简单测试中发现app的性能存在一定的问题，页面在转换时可能岀现跳转或者缺失的情

3、况，以及在响应tap事件的时候还有周期性延迟。该项目在技术上还活跃着，不过原作者的进展和部署都 显得太慢了。ZX!CVIBNMLike t i.7kTweet644JQTOUCHA Zepto/Querv plugin for mobile web development on fr An droid ? iPod Touch, and other forwa rd-thi nki ng device;Features (Beta 4 release candidate!): Sassbased Theming Zepto Support iOS5 Scrolling Improved Fif

4、e Size只需要遵守MIT的license许可就可以使用jQTouch 了，MIT lie是作者最喜欢的开源许可之一。 jQueryMobilejQuery Mobile是这个领域的新丁，2010年8月才正式宣布成立，但是已经迅速进展到功能丰富的阿尔法2测试版本了。jQuery Mobile跟jQTouch相比很相似，但是更加标准，更有适应性，感觉很像jQTouch的后继版本，对用户接口和 style的支持范围更加宽广了。*d AMTa arQToucin p|金;射AMQWQW| |E E1 1R R1 1T T| |Y Y| |U U| |I I1 1O O| |P PAJI Bi 时i

5、l lXh idd*Ki hi ytmr tuXInn 淇 irgn w you can quickly iaroemf thus web 引買？ A AJ JS S D D F F| |G GI IH H| |J J K K| |L L一 _二 J 一JQUERY M08JLE 1.2.0 BETA RELEASED!jQuery Mobile: Touch-Optimized Web Framework for Smartphones & TabletsA unified HTMLS-based user interface system for all popular mobile de

6、vice platforms buNt on the rock-solid jQuery and jOuery Ul foundation. Its lightweight code is built with progressive enhancement and has a flexible easily themeable designExperimental version -1,2.0 Beta 0 0Latest siable version -1,1.1 eLegacy version -1.0,1 QSeriously cross-platform with HTML5jQue

7、ry Mobile的性能是不稳定的，（虽然比jQTouch好一些）特别是在响应TAP事件的动画延迟补偿的 时候。此外，还缺少一些关键的程序hook，所以不能轻松地让 app更加具有动态性能。例如：当一个页面启动的时候事件触发了，这时候却无法通知响应的代码页面将转向哪个用户接口，也不能传递附加的信息 给处理模块。针对上述问题，创建工作区来解决还是可行的，但是在这里作者希望其将来的版本能从jQTouch那里学习一下，并把现在的功能缺陷处理掉。jQuery Mobile的相关文档资料很零散但是有所改进，作者很希望它们能变得像核心jQuery库那样具有鲁棒性。（请注意，jQuery Mobile是和j

8、Query UI相辅相成的，并不是建在单纯 jQuery之上的）想获得jQuery Mobile 只需获得 MIT或者 GPL2 license。Sencha Touch这是个与Ext JS框架完全不同的产物，其方案与jQTouch/jQuery完全不同：Sencha生成自己的DOM（基 于用JavaScript创建的对象）代替了先前存在的 HTML增强方式。如此，使用Sencha工作的感觉不像是 web 编程，而更像是使用 Java或者Flex等技术来做app的样子。比起jQuery来，Sencha的感觉更像是 YUI。 作者个人比较偏好渐进增强的方案，尽管其性能还真有些不尽人意的地方。se

9、ncha跟其竞争对手们相比，扩展性强了很多：它拥有大量的用户接口组件，直接的iPad支持，拥有JSON和HTML5线下存储技术使得存储和数据绑定更加方便。（使用Sencha的数据结构来操作 app的数据十分酷它可以实时响应列表的更新）此外，Sencha还是唯一在工具栏上支持内嵌的对象支持，其他方式都 是滚轮列表的样子。在作者的测试程序中，使用Sencha与jQTouch/jQuery相比，虽然app很明显地不那么轻量级，但是其性能和可靠性方面明显提高了，不过其初始化加载时间略慢。当您使用库library或者框架frame进行开发的时候，不遵守框架或者用你自己的方式通常都不会获得 成功。但Sen

10、cha的支持范围足够宽广，这意味着您可以使用Sencha的开发方式来实现任何需求。作者最开始用的是 WebKit的内嵌SQLite数据库来做线下存储，但是最终还是因为其复杂性和各种bug问题的烦恼而放弃了，转而使用了Sencha数据存储的功能。在文档方面，Sencha做的不太好，虽然很广泛，但是又有很多旧版本的老漏洞没有及时更新，作者就 在这些框架中与bug作斗争，调试过程浪费了很多时间，因为文档不够健全，很多问题难以追踪或理解。 而在开发者论坛响应作者提问的频率还算较高，不过最终感觉还是不太够。Sencha提供的付费技术支持起价是$300每年，作者很强烈地打算付费了，但是Sencha的回应是

11、很好奇地打听为啥这么急着给他们送钱，真搞不懂。获取Sencha需要遵守GPL3 license，以及在某种不是 GPL标准又很相似LGPL的授权下也能用，以及 遵循非商业license也可以获得。TitaniumMobile与 Sencha Touch很相似，Appcelerator 公司的 Titanium Mobile 可以让您使用 Javascript API 来编写 app。 不过与Sencha不同的是，Titanium把你的代码编译成 Native的iPhone或Android app，这意味着它并不是 一个真正的 Web框架，而是一个兼容层或者编译器。（请注意Titanium Mo

12、bile的近亲Titanium Desktop是一 个基于web的，让您可以使用 HTML /js来编写桌面封装的本地应用的一款软件）Build Native Apps with JavascriptAppcelerator Titanium is the first mobile platform to combine the flexibility of open source development technologies with the power of cloud services.Download Titanium这么说来Titanium允许web开发人员使用JavaScrip

13、t和一点点XML之类的其他相关技术，可以实现 高性能、更换皮肤很方便的Native App，而不需要额外去学习Objective-C或者Cocoa Touch等技术了。作者的简单测试表明其性能不错，吹散了框架方面的疑云，而且整合起来也不是太难。不过这个优点也是其致命的缺点，您只能作出Titanium所支持的平台上面的应用，你被它们的开发工具限制住了。作者想证明这一点只需要换一个不是iPhone的平台上来跑一下就知道了。同时，Titanium的调试器也不怎么样，不能使用XCode方式运行或者调试，就算在其仿真器上面程序跑的还算不错，还是需要作者自己去实际机器上自己再找问题。分析作者在这4个框架上

14、面挑选了 3种并编造了自己的 app来试一试，过程虽然很冗繁，但是收获也颇丰。作者很喜欢jQTouch，但是不太相信它会在现有版本上再前进多少了。对于jQuery Mobile，很赞赏其简单易用性以及其以web为中心的开发方法，不过它的缺点是缺少核心特色，跟Sencha比性能差很多。用一个阿尔法2版本的产品来跟一个1.0版本的正式版相比或许有失公平，但是在用户具有很强烈的刚 性用户需求时就必须做出选择了，于是作者选择了Sencha Touch。作者最初被其强大的性能和宽广的支持程度所吸引，最终更喜欢其开发风格。随着开发的深入，其文档的漏洞让作者十分沮丧，但是其广泛的支 持程度依旧吸引着作者，渐

15、渐适应了其开发风格。如果他们愿意回复邮件的话，作者很有意向付费以获取 技术支持。不过现在，Pints的发布已经是一个基于 Sencha的app 了。结论作者还没有回答最大的问题呢：一个基于web的app在没有本地app的情况下能否hold住局面？如果可以的话，实现这样的技术是否值得舍弃原来那种单一代码库方式所带来的代价呢？鉴于两星期以来Pints的实际应用，作者倾向于说不。Pints在性能和bug方面陷入僵局，平均每隔10-15 秒页面就乱跳，在滚动页面的时候容易乱跳，动画效果也不是很连贯。-东莞市普林网络科技有限公司http:/沁园春雪北国风光， 千里冰封， 万里雪飘。望长城内外，惟余莽莽;

16、下，顿失滔滔。大河上山舞银蛇, 比高。原驰蜡象，欲与天公试须晴日， 看红装素裹，分外妖娆。江山如此多娇，引无数英雄竞折腰。 惜秦皇汉武，略输文采；唐宗宋 祖，稍逊风骚。一代天骄，成吉思汗，只识弯弓射 大雕。俱往矣，数风流人物， 还看今朝。1 克出师表两汉：诸葛亮先帝创业未半而中道崩殂， 今天下三分，益州疲弊，此诚危急存亡之秋也。然侍卫之臣 不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光 先帝遗德，恢弘志士之气，不宜妄自菲薄，引喻失义，以塞忠谏之路也。宫中府中，俱为一体；陟罚臧否，不宜异同。若有作奸犯科及为忠善者，宜付有司论其 刑赏，以昭陛下平明之理；不宜偏私，

17、使内外异法也。侍中、侍郎郭攸之、费祎、董允等，此皆良实，志虑忠纯，是以先帝简拔以遗陛下：愚 以为宫中之事，事无大小，悉以咨之，然后施行，必能裨补阙漏，有所广益。将军向宠，性行淑均，晓畅军事，试用于昔日，先帝称之曰能”，是以众议举宠为督：愚以为营中之事，悉以咨之，必能使行阵和睦，优劣得所。亲贤臣，远小人，此先汉所以兴隆也； 亲小人，远贤臣，此后汉所以倾颓也。 先帝在时, 每与臣论此事，未尝不叹息痛恨于桓、 灵也。侍中、尚书、长史、参军，此悉贞良死节之臣， 愿陛下亲之、信之，则汉室之隆，可计日而待也 F臣本布衣，躬耕于南阳，苟全性命于乱世，不求闻达于诸侯。先帝不以臣卑鄙，猥自枉 屈，三顾臣于草庐之中，咨臣以当世之事，由是感激，遂许先帝以驱驰。