一:论文信息
标题:浅析HTML5的特点及其在移动Web App中的应用;
关键字:HTML5;移动Web App;
二:论文内容
在HTML5出现之前,移动互联网主要以应用App为主,随着HTML5的出现移动Web App得到了很大的发展。在国外,2012年由美国顶级通信运营商AT&T推
出一款App Center HTML5的应用商店。今为止, AT&T已经公布了面向HTML 5应用的APP平台APICatalog。与此同时, Facebook正在计划推出一款基于HT
ML5的手机应用程序开发平台,在平台上可以无需手机操作系统,直接运行手机游戏及其他程序。在国内,中国移动推出了Noble Leader应用开发平台,该平台
适用于i OS、Android、 Windows Mobile、Symbian等操作系统, 在平台上开发者可以直接通过HTML5进行应用程序的开发和编译。
1 HTML5的特点
HTML 5是Web标准的巨大飞跃,与以前版本相比, HTML5不但可以表示Web内容,而且还是一个成熟的应用平台。 HTML 5的特点主要体现在以下几个方面
[2]:(1)具有语义的结构化标签:包括section、article、 header、 navigation、 footer、 hgroup、 aside等, 使得HTML5在文档结构上较HTML4.01更加清晰和易
读。(2) 对离线存储有更好的支持:session Storage和local Storage提供与cookies相似的功能;lIndexed DB帮助Web应用存储复杂结构的数据;ffline App Ca
che将资源文件缓存到本地,使用户在离线状态下也能使用Web App,为开发离线的移动Web App奠定了基础。(3) 增强的多媒体能力:HTML .5大大提高了Web
应用中的视频和音频,图形,字体,和数学公式的其它方面的性能,例如2D、3D绘图渲染的强大能力可以通过HTML 5的画布(Canvas)特性实现;在网页中,不需
使用Adobe Flash、微软Silver light等私有插件和协议等,就可以利用HTML .5中的<audio>、<video> 标签直接播放音频、视频文件。(4) 设备及应用API:HTM
L5制订了-系列驱动设备API函数,极大提升了Web App访问和调用终端设备的能力,这些函数主要包括摄像头API、通信录API、各种传感器API等。(5) 多线
程并发:HTML5新增了Web Workers组件,该特性弥补了Web App以往只能单线程运行的短板,使得Web操作可以并行的、多线程的执行。
2.2移动Web App的分类。
HTML 5的出现带来了大量移动Web App应用的繁荣,这些移动Web App可以分为两类: (1)桌面Web App的移动化:这些App包括百度和谷歌的地图应用移
动版,他们使用了HTML 5的地理定位API;Gmai|移动Web版可以使用户离线阅读邮件;优酷和爱奇艺等视频网站使用HTML 5的<audio>和<video>标签来实现移
动版的音频视频的播放,放弃了Flash插件的使用。(2) 纯移动Web App:典型的例子有天气应用Sun、阅读应用美阅等。借助HTML5技术的特点和优势,它们在
性能和体验.上都与本地应用非常相似,有着很好的表现[3]。
2.3移动终端的浏览器对H T M L 5的支持程度。
开发移动We bAp p时,完全使用H T M L 5技术(HTML5+JS+CSS3)有时需要终端系统的浏览器调用Device API来实现。因此,基于HTML 5标准的Web
App需要浏览器的支持。目前对HTML 5支持较好的平板电脑浏览器版本包括Opera Mobile 12.00、Fire Fox Mobile 10、i OS 5.0&5.1、Android 4.0等;对HT
ML5支持较好的手机浏览器包括Opera Mobile 12.00、Fire Fox Mobile 10、i 0S5.0&5.1、Blackberry OS 7、Android 4.0等。
2.4利用HTML5开发移动Web App的实现方案。
针对Android平台探讨两种实现方案[4]: (1)扩展Web View组件。在Android操作 系统中, Web View对象对Web App开发接口进行了封装,但其提供给上层
Web App的API能力有限,所以需要对其进行进一步的扩 展。当前一些移 动中间件,如Phone Gap已经对Web View组件的一些基本功能做了扩展。 如需进一步
扩展,通常有两种方法,一是可以参 考Phone Gap的扩展插件形式进行插件式的功能扩展;二是直接在Phone Gap上进行扩展,以扩展Web View组件的功能。
(2)扩展Webkit。内置在Android操作系统中的Web弓|擎是基于开源内核Webkit开发的,Webkit内核包括Web Core排版弓擎和Java Script Core引擎,并且还在
不断地按照HTML 5标准进行增开发。由于Web View的局限性,需对开源Webkit内核进行扩展以便利用HTML5技术开发移动Web App。