基于HTML5的移动Web App开发及应用.doc

基于HTML5的移动Web App开发及应用.doc基于HTML5的移动Web App开发及应用
摘要
随着我国科学技术的飞速发展,互联网领域的智能化和自动化趋势越来越明显,特别是HTML5的出现,为移动WebApp的开发与应用创造更好机会,不仅提升平台整体兼容性,且更具表现能力。在实际应用过程中,工作人员应在把握HTML5特点和优势的基础上,结合移动WebApp应用特点,不断创新APP网页应用,为用户带来更好的体验。
【关键词】移动WebApp HTML5 兼容性用户体验
HTML5是当前应用得较为广泛的互联网核心技术,最早的HTML产生于上个世纪90年代初,HTML5是该技术的最新版本,将其应用在移动WebApp的开发过程中,不仅能够有效提升用户体验效果,更可保障智能手机的兼容性。
1 HTML5的应用特点
自1990年被开发创造以来,HTML技术共经历以下几个发展阶段,具体如表1所示。
HTML5是对传统Web标准的极大更新,与常规版本相比,HTML5在全面表现出Web内容的同时,还属于应用得较为成熟的平台,包括以下几方面的特征:
(1)存在语义结构化标签,如hgroud、footer、section等,提高文档结构的易读性和清晰性。
(2)可有效支持离线存储,与cookies相同,localStorage也可提供对应的功能。通过IndexedDB模块而存储复杂数据,即利用缓存的方式,把文件资料下载到本地,使得用户可在离线的情况下依旧使用移动WebApp。
(3)丰富多媒体的能力,即提升移动WebApp的音频与视频功能,优化其图形等功能。
(4)应用API,移动WebApp中存在的API函数有利于保障终端设备的整体能力。
2 以HTML5为基础开发应用移动Web App的方式
HTML5的技?g组合包括JavaScript、HTML5和CSS3等模块,在开发移动WebApp的过程中,应以AJAX和JavaScript为基础,转变常规网页技术构建与组织形式,为用户带来更好的体验。
移动Web App的技术构架
移动WebApp能够动态控制系统的更新,包括修复系统bug和增加新功能等部分,在修改服务器之后可直接应用,让用户能够及时使用到新版本,这也从侧面反映出移动WebApp在被开发应用后,通常会不断根据市场的变化情况和用户实际需求而进行变更,因此,在设计移动WebApp的技术架构时应尽可能保障其的合理性与科学性,降低变更影响和维修总成本。移动WebApp前端数据层位于后端与UI界面中,把用户操作优化为HTTP请求,及时缓存好数据,使得在模块更新中减少对系统的影响。
以HTML5为基础应用移动Web App的方案
针对安卓版本的平台,以HTML5为基础应用的移动Web App方案共有两个:
拓宽Web View组件
平台的操作系统中,Web View组件有效封装APP的开发接口,但其提供的上层API能力较为有限,因此,在HTML5技术中对其进行了对应的拓展:
(1)插件形式的拓展功能;
(2)直接在平台上拓展功能。
拓宽系统Webkit
Webkit包括两种引擎:
(1)WebCore排版;
(2)JavaScript Core。
以H