常用HTML5移动应用框架

1、精品文档（可编输）值得下载常用HTML5移动应用框架摘要：该文针对目前比较流行的HTML5移动应用框架进 行了 阐述，分别介绍了 jQTouch、Sencha Touch. jQuery MobileTitanium Mob订e等四种常用的框架特点及运用， 并重点以Sencha Touch运用过程为例。关键词：HTML5；移动应用框架；Sencha Touch中图分类号：TP393文献标识码：A文章编号: 1009-3044 (2013) 10-2304-02随着现代智能手机的快速发展，移动Web前端开发技 术也呈多样化，移动Web前端开发技术也快速发展，融合了 HTML5和CSS3技术给用户

2、带来了较好的用户体验，因为移动 浏览器的性能加强了很多，移动app的框架也扩展了很多。 对于移动Web的开发人员来说，切换框架代价很髙：因为动 画的转换，工具栏、按钮、列表的显示，以及线下存储等都 很麻烦。因为大部分上述功能都是新技术，以及这些领域的 技术还在迅速地改变。在过去的两年里，触屏设备飞速增长, 特别是智能手机用户迅速增长。开发者和设计师开始重新思 考他们的网页应用，因为iOS和Android设备的迅速增长， 以提供更好的触屏体验。移动Web应用相对于本地的App有 很多优势，虽然在设计和开发上存在一定的挑战。1 jQTouch-使用WebKit浏览器的HTML5移动应用程序框架jQ

3、Touch是一个开放源码的jQuery的Ajax库，使开 发者能够很容易地建立起来和优化iPhone的相关应用，它 适用于建立其它有触摸功能的设备使用。像Goolgle的 Android应用，都是可以应用到jQTouch的。jQTouch这个 jQuery插件让你只利用HTML、CSS和JavaScript就能够创 建可在 WebKit 浏览器上如在 iPhone、Android Palm Pre 等上运行的手机应用程序。jQTouch易用性强，相关文档也很全面。它的特色是 在使用HTML, CSS和JavaScript创建iPhone App方面拥有 出色的能力。在其官方网站上观看其演示时，

4、你会发现，用 一般的浏览器无法正常浏览其中的很多功能，因为它正是为 iPhone进行了改造和优化，很多动画和触摸事件在一般浏览 器中是不能正常观看的。但可以在Mac上或是Safari浏览 器上看到真正的效果。因此，使用jQTouch构建基于iPhone 的应用变得更加容易，只需要开发者有一点HTML、CSS和 JavaScript 的知识即可。随着 iPhone, IPod, ITouch 等设 备的使用日益增多，jQTouch无疑为移动Web开发减少了很 多工作，特别是在样式、兼容性方面明显得到改善，大大增 强了应用效果。jQTouch使用渐进增强的方案，在相应的HTML顶层来 实现像iPh

5、one那样的用户体验。它的使用简单，为用户提 供了一个基础的小工具集和良好的动画方案，开发人员只要 通过编程控制其行为即可。jQTouch支持HTML页面标签驱 动，对移动设备视图效果的切换具有较好的实现能力，专为 WebKit内核的浏览器打造，可以利用浏览器的专有功能达到 页面渲染的目的。开发时使用的代码量不是很多，如果所开 发的项目中，使用者大部分是WebKit内核浏览器的话，可 以考虑使用此框架来进行开发。jQTouch是目前移动Web开 发的最好框架之一。虽然它的开发者David Kaneda已经离 开了这个项目转而投入Sencha,但Jonathan Stark接手了 jQTouch

6、的相关工作，并且对代码进行了优化和补充。2 Sencha Touch-构建移动HTML5应用的领先框架Sencha,翻译意为“煎茶”，是指一种在日本很流行 的绿茶品种，在Java开发的传统中，它代表了软件开发的 一个新的水平阶段。目前Sencha Touch已经成为构建移动 HTML5应用的领先框架。Sencha Touch是一个基于HTML5的 移动应用开发框架，其前身是Ext。使用Sencha Touch,开 发者可以构建在 iPhone、Android 和 BlackBerry touch 等 设备上运行的移动web应用，其效果看起来如同本地应用。该框架最大的特色就像它的名字一样，增强了

7、对手持 移动设备触控操作的强力支持，除了支持浏览器标准的触摸 事件，还额外添加了如tap , double tap , swipe , tap-hold, pinch和rotate等富有吸引力的操作事件， 使用户体验到与原生程序一样的效果。1）下载设置开发环境，引入Sencha Touch开发包。4）使用safari或者chrome浏览器查看结果。3 jQuery MobileJQuery 一直以来它都是为桌面浏览器设计的，是非常 流行的富客户端及Web应用程序开发中使用的JavaScript 类库，没有特别为移动应用程序设计。jQuery Mobi 1 e是一 个新的项目用来添补在移动设备应

8、用上的缺憾。它在jQuery 框架的基础上，提供了一定范围的用户接口和特性，开发人 员可以在移动应用上使用。使用该框架可以节省大量的js 代码开发时间。jQuery Mob订e是jQuery在手机上和平板设备上的 版本。jQuery Mobi 1 e不仅会给主流移动平台带来jQuery 核心库，而且拥有完整统一的jQuery移动UI框架。支持全 球主流的移动平台，如Android和Apple iOS0 JQuery mobile 构建于JQuery以及JQuery UI类库之上，为前端开发人员 提供了一个兼容所有主流移动设备平台的统一 UI接口系统。 拥有出色伸缩性，轻量化以及渐进增强特性与可

9、访问性。 JQuery mobile针对的是所有的触摸屏幕设备与平板电脑。 它为移动Web网站的构建提供了一系列布局工具，如工具栏、 导航，及UI组件，如列表和标签组件等，内置了 6套不同 样式的CSS主题框架，可以组合应用于移动web。JQuery Mobile可以轻松地帮助我们实现非常好看的, 可跨设备的Web应用程序，JQuery Mob订e开发的Web应用 像Native App,其中包含了 Web应用中的各种常用部件，如 对话框、表单、列表、按钮、工具条等，JQuery Mob订e使 用Ajax加载页面，实现炫丽的页面切换效果4 Titanium Mobi1eTitaniumStud

10、io 是 Appcelerator 公司开发的一款基 于Eclipse的，使开发者利用Javascript来快速开发移动 应用程序的跨平台的集成开发平台。它提供了丰富的SDK, 基于TitaniumStudio,开发者无需学习Objective-C和 Java,只用Javascript就可以快速开发出iOS和Android 移动应用程序。使用Titanium Mobile可降低开发成本。写一套代码, 可以同时在iOS和Andorid两个平台上构建自己的应用。 Titanium Mobile平台具有良好无限扩展性，为开发者提供 了无限可能。Titanium Mobi 1 e提供了优良的云服务。平台 集成了一整套基于Amazon EC2, S3的云服务，包括user, photo, chat, push notifications, social integration 等等。开发者如果选择TitaniumStudio集成的云服务，那 么可以只专注于前端的开发，快速开发出一款用户交互的移 动应用程序，完全可以无需构建自己的数据库，应用服务器。 良好的开发环境及人气，全球有超过30万的开发者在 TitianiumStudio上开发移动应用程序。参考文献：1 Ajit Kumar. Sencha Touch CookbookZ.