常用HTML5移动应用框架
来源:用户上传
作者: 符石
摘要：该文针对目前比较流行的HTML5移动应用框架进行了阐述，分别介绍了jQTouch、Sencha Touch、jQuery Mobile、Titanium Mobile等四种常用的框架特点及运用，并重点以Sencha Touch运用过程为例。
关键词： HTML5；移动应用框架；Sencha Touch
中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2013）10-2304-02
随着现代智能手机的快速发展，移动Web前端开发技术也呈多样化，移动Web前端开发技术也快速发展，融合了HTML5和CSS3技术给用户带来了较好的用户体验，因为移动浏览器的性能加强了很多，移动app的框架也扩展了很多。对于移动 Web的开发人员来说，切换框架代价很高：因为动画的转换，工具栏、按钮、列表的显示，以及线下存储等都很麻烦。因为大部分上述功能都是新技术，以及这些领域的技术还在迅速地改变。在过去的两年里，触屏设备飞速增长，特别是智能手机用户迅速增长。开发者和设计师开始重新思考他们的网页应用，因为iOS和Android设备的迅速增长，以提供更好的触屏体验。移动Web应用相对于本地的App有很多优势，虽然在设计和开发上存在一定的挑战。
1 jQTouch-使用WebKit浏览器的HTML5移动应用程序框架
jQTouch是一个开放源码的jQuery的Ajax库，使开发者能够很容易地建立起来和优化iPhone的相关应用，它适用于建立其它有触摸功能的设备使用。像Goolgle的Android应用，都是可以应用到jQTouch的。jQTouch这个jQuery插件让你只利用HTML、CSS和JavaScript就能够创建可在WebKit 浏览器上如在iPhone、Android、Palm Pre等上运行的手机应用程序。
jQTouch易用性强，相关文档也很全面。它的特色是在使用HTML，CSS和JavaScript创建iPhone App方面拥有出色的能力。在其官方网站上观看其演示时，你会发现，用一般的浏览器无法正常浏览其中的很多功能，因为它正是为iPhone进行了改造和优化，很多动画和触摸事件在一般浏览器中是不能正常观看的。但可以在Mac上或是Safari浏览器上看到真正的效果。因此，使用jQTouch构建基于iPhone的应用变得更加容易，只需要开发者有一点HTML、CSS和JavaScript的知识即可。随着iPhone，IPod，ITouch等设备的使用日益增多，jQTouch无疑为移动Web开发减少了很多工作，特别是在样式、兼容性方面明显得到改善，大大增强了应用效果。
jQTouch使用渐进增强的方案，在相应的HTML顶层来实现像iPhone那样的用户体验。它的使用简单，为用户提供了一个基础的小工具集和良好的动画方案，开发人员只要通过编程控制其行为即可。 jQTouch支持HTML页面标签驱动，对移动设备视图效果的切换具有较好的实现能力，专为WebKit内核的浏览器打造，可以利用浏览器的专有功能达到页面渲染的目的。开发时使用的代码量不是很多，如果所开发的项目中，使用者大部分是WebKit内核浏览器的话，可以考虑使用此框架来进行开发。jQTouch是目前移动Web开发的最好框架之一。虽然它的开发者David Kaneda已经离开了这个项目转而投入Sencha，但Jonathan Stark接手了jQTouch的相关工作，并且对代码进行了优化和补充。
2 Sencha Touch-构建移动HTML5应用的领先框架
Sencha，翻译意为“煎茶”，是指一种在日本很流行的绿茶品种，在Java开发的传统中，它代表了软件开发的一个新的水平阶段。目前Sencha Touch已经成为构建移动HTML5应用的领先框架。Sencha Touch是一个基于HTML5的移动应用开发框架，其前身是Ext。使用Sencha Touch，开发者可以构建在iPhone、Android和BlackBerry touch等设备上运行的移动web应用，其效果看起来如同本地应用。
该框架最大的特色就像它的名字一样，增强了对手持移动设备触控操作的强力支持，除了支持浏览器标准的触摸事件，还额外添加了如 tap， double tap， swipe， tap-hold， pinch 和 rotate 等富有吸引力的操作事件，使用户体验到与原生程序一样的效果。
1）下载设置开发环境，引入Sencha Touch开发包。
4）使用safari或者chrome浏览器查看结果。
3 jQuery Mobile
JQuery一直以来它都是为桌面浏览器设计的，是非常流行的富客户端及Web应用程序开发中使用的JavaScript类库，没有特别为移动应用程序设计。jQuery Mobile是一个新的项目用来添补在移动设备应用上的缺憾。它在jQuery框架的基础上，提供了一定范围的用户接口和特性，开发人员可以在移动应用上使用。使用该框架可以节省大量的js代码开发时间。
jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且拥有完整统一的jQuery移动UI框架。支持全球主流的移动平台，如Android和Apple iOS。JQuery mobile构建于JQuery以及 JQuery UI类库之上，为前端开发人员提供了一个兼容所有主流移动设备平台的统一UI接口系统。拥有出色伸缩性，轻量化以及渐进增强特性与可访问性。JQuery mobile针对的是所有的触摸屏幕设备与平板电脑。它为移动Web网站的构建提供了一系列布局工具，如工具栏、导航，及UI组件，如列表和标签组件等，内置了6套不同样式的CSS主题框架，可以组合应用于移动web。
JQuery Mobile可以轻松地帮助我们实现非常好看的，可跨设备的Web应用程序，JQuery Mobile开发的Web应用像Native App，其中包含了Web应用中的各种常用部件，如对话框、表单、列表、按钮、工具条等，JQuery Mobile使用Ajax加载页面，实现炫丽的页面切换效果
4 Titanium Mobile
TitaniumStudio是Appcelerator公司开发的一款基于Eclipse的，使开发者利用Javascript来快速开发移动应用程序的跨平台的集成开发平台。它提供了丰富的SDK，基于TitaniumStudio，开发者无需学习Objective-C和Java，只用Javascript就可以快速开发出iOS和Android移动应用程序。
使用Titanium Mobile可降低开发成本。写一套代码，可以同时在iOS和Andorid两个平台上构建自己的应用。Titanium Mobile平台具有良好无限扩展性，为开发者提供了无限可能。Titanium Mobile提供了优良的云服务。平台集成了一整套基于Amazon EC2，S3的云服务，包括user，photo，chat，push notifications，social integration等等。开发者如果选择TitaniumStudio集成的云服务，那么可以只专注于前端的开发，快速开发出一款用户交互的移动应用程序，完全可以无需构建自己的数据库，应用服务器。良好的开发环境及人气，全球有超过30万的开发者在TitianiumStudio上开发移动应用程序。
参考文献：
[1] Ajit Kumar. Sencha Touch Cookbook[Z].2009.
[2] 徐会生，何启伟，康爱媛.深入浅出Ext JS[M].北京： 人民邮电出版社，2009.
[3] 廖煜荣.Sencha Touch跨平台学习教程[Z].2011.
[4] Gilmore W J. Big three mobile Web development framework which is suitable for you[Z].2012.
转载注明来源:https://www.xzbu.com/8/view-5855376.htm
