基于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的技術组合包括JavaScript、HTML5和CSS3等模块，在开发移动WebApp的过程中，应以AJAX和JavaScript为基础，转变常规网页技术构建与组织形式，为用户带来更好的体验。

2.1 移动Web App的技术构架

移动WebApp能够动态控制系统的更新，包括修复系统bug和增加新功能等部分，在修改服务器之后可直接应用，让用户能够及时使用到新版本，这也从侧面反映出移动WebApp在被开发应用后，通常会不断根据市场的变化情况和用户实际需求而进行变更，因此，在设计移动WebApp的技术架构时应尽可能保障其的合理性与科学性，降低变更影响和维修总成本。移动WebApp前端数据层位于后端与UI界面中，把用户操作优化为HTTP请求，及时缓存好数据，使得在模块更新中减少对系统的影响。

2.2 以HTML5为基础应用移动Web App的方案

针对安卓版本的平台，以HTML5为基础应用的移动Web App方案共有两个：

2.2.1 拓宽Web View组件

平台的操作系统中，Web View组件有效封装APP的开发接口，但其提供的上层API能力较为有限，因此，在HTML5技术中对其进行了对应的拓展：

（1）插件形式的拓展功能；

（2）直接在平台上拓展功能。

2.2.2 拓宽系统Webkit

Webkit包括两种引擎：

（1）WebCore排版；

（2）JavaScript Core。

2.3 以HTML5为基础的移动Web App页面优化方式

页面优化也是HTML5技术的重要突破，在传统技术中，用户每点击一次链接都需进行一次刷新，因此，HTML5通过改变页面元素，并提出OPOA解决方案，使得JavaScript脚本能够顺利被执行。

3 移动Web App的开发应用挑战

移动Web App在互联网时代不仅能够更好地满足人们对于“云端”技术的需求，更可通过手机直接获取所需服务，如游戏、社交等。但受到多种内外部因素的影响，移动Web App的开发过程中仍面临以下几方面的挑战：

（1）HTML5技术仍未真正成熟，移动Web App完全取代传统APP的困难仍然较大。

（2）移动Web App还需更完善的HTML5标准进行支持，用户获得的体验应进一步被优化。

4 结束语

综上所述，随着HTML5技术的不断发展，移动Web App的开发与应用面临着极大的挑战与机遇。HTML5从本质上转变了开发移动Web App的方式，不仅能够有效进行离线存储，不断丰富App媒体内容，使得用户获得更好的体验，还可以优化App平台，处理好多线程，实现真正意义上的兼容，因此，在未来以HTML5为基础的移动Web App将会是发展主流。

参考文献

[1]李世满.基于HTML5 web技术APP快速开发研究--以移动办公APP软件开发为蓝本[J].电脑知识与技术，2016，12（03）：81-82.

[2]朱凯南，李艳平，申闫春等.基于Ionic和Cordova的跨平台移动APP的研究与应用[J].电脑知识与技术，2016，12（01）：119-121.

[3]周备锋.基于HTML5的毕业综合实践平台Web APP的实现研究[J].未来英才，2016，23（07）：273-274.

作者单位

长江大学计算机科学学院计科11320班 湖北省荆州市 434000