基于HTML5的移动智能应用终端新特性分析与研究

1、基于HTML5的移动智能应用终端新特性分析与研究【 摘 要 】 随着移动4G网络的快速发展和普及，移动智能终端已经迅速地进入了人们工作、生活和学习领域，并且取得了显著的成效，移动互联网的重要性日趋明显。为了适应现代移动互联网的应用，人们提出了HTML5技术，该技术具有离线存储能力，能够为移动互联网应用开发提供强大的数据基础，用户交互能力较强，具有鲜明的移动定位能力。使用Canvas绘图，适用于各类移动设备显示的标签和样式，为基于HTML5的移动智能应用终端程序开发提供了强大的支撑，具有重要的作用。【 关键词 】 HTML5；移动互联网；智能终端；Web应用【 Abstract 】 With t

2、he rapid development of mobile 4G and popularization of the network， the intelligent mobile terminal have quickly entered the peoples work， life and learning areas， and achieved remarkable results， the importance of the mobile Internet is becoming more and more obvious. In order to adapt to the mode

3、rn application of mobile Internet， people put forward the use of HTML5 technology， the technology has the offline storage capacity， can provide powerful data basis for mobile Internet application development， user interaction ability， with mobile positioning distinctive capability， the use of Canvas

4、 lime soil， applicable to all types of mobile equipment display markup and style， provides a powerful support for the development and application of intelligent mobile terminal program based on HTML5， has an important role in.【 Keywords 】 html5； mobile internet； intelligent terminal； web application

5、1 引言随着我国移动智能终端的快速普及，移动互联网的服务模式得到了极大的创新和改进，移动互联网市场也越来越大，越来越多的移动互联网用户通过智能手机、iPad、笔记本电脑等接入互联网，这些智能终端的运行服务能力已经和PC机等同，因此可以运行各类应用程序，并且犹如在PC机上一样可以浏览网页、玩网游等。但由于移动智能终端的屏幕较小，操作方式也与PC机不同，大大地降低了用户的体验效果，因此许多Web应用服务商、移动互联网学者开始研究适合智能终端的互联网服务模式，以便能够适合现代移动智能终端的具体模式。目前，经过多年的研究，计算机学者已经提出了HTML5技术，该技术促使Web应用的表现能力和功能更加丰富

6、，取得了很大的成就，并且该技术具有平台无关性，开发语言也比较简单，已经促使Web应用程序在移动智能终端上得到了广泛的应用，并且占据了很大的市场用户数额。2 HTML5技术新特性分析HTML5的很多功能是为了能够促进移动应用程序在智能终端的应用而设计的，因此其可以在移动智能终端上显示出更大的应用优势。与传统的HTML技术相比，HTML5具有很多的新特性。（1）强大的离线存储能力为移动应用程序的实现提供了基础支撑。HTML5提供了三种非常重要的离线存储机制，分别是Application Cache、Indexed DB和WebStorage。Application Cache是一种网页缓存机制，其

7、可以通过定义一个称谓manifest的文件，在浏览器中下载缓存的网页文件，并且可以将数据以文件为单位存储到本地数据库。Indexed DB是HTML5独特的数据存储机制，其可以使用本地数据库存储大容量的数据，这些数据多采用关系结构模式。Web Storage离线存储机制可以看做是加强型的Cookie，其不会受到数据大小的影响，并且具有较好的弹性及架构，可以将数据写入到移动设备中的ROM中，在关闭浏览器之后，还可以再打开恢复相关的数据，以便能够提供高效率的数据读写。（2）支持原声音视频，可以将多媒体更加灵活的嵌入到应用程序。在HTML5技术中，增加了许多支持多媒体的标签，比如支持原声音视频的标签

8、分别是（5）Canvas绘图工具能够大幅度提升移动智能终端的绘图能力。HTML5技术可以为应用程序提供更加强大的绘图功能，Canvas绘图可以有效地支持3D绘图功能，并且支持向量图的移动、旋转、缩放等常见的图片操作。使用Canvas绘图软件可以直接在移动终端上绘制等，可以大大地降低网络传输需要的，并且提升了图片的显示效率。（6）HTML5技术提供了一种更加适用于移动智能终端的标签和样式显示模式。与PC机相比，移动智能终端的一个非常重要的特征是屏幕分辨率较低、设备尺寸多种多样。因此，在移动终端上选择合适的Web页面，以便让其适应各类型的尺寸的屏幕，是HTML5最为关键的优势，其可以在应用程序网页

9、开发过程中增加语句，既可以使网页自动适配移动终端的屏幕。3 基于HTML5技术的智能终端应用开发研究智能移动终端的主流浏览器包括Safari、Android Browser、Opera Mobile、Chrome等，都较好地支持HTML5，而且它们的在浏览器中所占份额还在不断扩大。主流移动浏览器的支持让HTML5的平台更加普及，同时对HTML5的良好支持也让这些浏览器获得了更多用户的选择。如图1所示是主流移动平台浏览器对html5的支持情况的统计比较。移动设备上HTML5访问系统硬件的能力还在落地中，同时移动浏览器对于基本HTML5标准的支持不是大问题，但是性能和速度还有待提高。用户移动设备和

10、移动平台硬件的快速更新会解决一部分问题，例如2011年到2014年市面上有单核528M频率的G8、单核1G的、双核1.2G的、4核1.6G的手机，现在则有8核1.8G的手机。基于HTML5技术开发适用于现代移动智能终端的应用程序，可以更好地使用HTML5技术的新特性，开发功能强大、特色新颖的智能应用程序。本文结合应用程序的开发现状，详细介绍HTML5技术技术在实时数据绘制、基于信息流的展示、社交游戏、实时绘图等应用程序实例使用和研究。（1）图标实时绘制应用。根据实时数据绘制各类图表是HTML5技术中CanvasAPI的简单应用，该API应用图表插件能够自动获取表格数据值，并且生成相关的走势图，

11、同时能够支持多种排列走势图。（2）新浪微博。基于信息流的应用程序可以直接通过Web端进行数据交换，采用HTML5技术之后，可以直接使用跨平台数据，因此不需要使用后台API数据，可以大大地降低应用程序研发和维护的成本，并且呈现良好的交互效果。新浪微博等应用程序可以排列大量的图片、文字、视频和音频元素，同时展现较强的交互性，以便适合HTML5技术实现应用程序。（3）实施渲染效果绘图。HTML5技术中引入了Canvas元素，支持Web开发人员不需要借助任何第三方插件的情况下，都可以直接使用JavaScript脚本语言，使用Web页面可以实时地进行渲染效果绘图。4 结束语目前，HTML5技术上处于应用推广期，并没有完全成熟地应用于移动智能终端设计与实现过程中，通过对HTML技术、CSS和JavaScript实现的应用程序进行有效的转换，直接生成能够在大小不同的移动智能终端上运行。随着HTML5技术的成熟，智能终端设备的硬件性能也将会得到优化和提高，基于HTML5技术开发的应用程序也越来越多。参考文献【1】 董霁，杨丁宁，史德年.基于HTML5技术的移动智能终端应用及安全问题研究.现代电信科