H5技术在移动客户端中的应用研究
来源:用户上传
作者:何莉
[摘 要]近年来，伴随着信息技术不断深入发展，互联网技术和智能手机给人们的生活带来了便利，移动设备也成为人们生活中不可或缺的一部分。目前，H5技术在移动客户端的应用越来越广泛，随之而来产生了诸多问题和挑战，如H5技术的应用效果较差，用户体验不佳。移动端相对于PC端开发工作而言，技术难度更高，工作量更大，开发效率更低。在这种情况下，移动应用和开发也迎来了巨大的挑战和困难。因此，本文阐述了H5技术的概念，并分析了H5技术在移动客户端应用的优缺点，将原生技术和H5技术进行了对比，各有所长，随实际情况而定，而不是盲目选择技术。
[关键词]H5技术;移动客户端;应用研究
doi：10.3969/j.issn.1673 - 0194.2019.20.074
[中图分类号]TP311.52 [文献标识码]A [文章编号]1673-0194（2019）20-0-02
0 引 言
随着互联网技术不断进步发展，使用移动设备为人们的生活和工作都提供了便利。移动端设备操作系统主要有安卓系统、IOS系统等。根据研究统计发现，目前中国智能手机市场规模已经达到10亿部。在这样发展迅速的市场下，开发和应用移动端即将带领互联网开拓新局面。移动应用已经渗透了人们生活的每个部分，比如金融服务、医疗行业、地图导航等。移动客端户的应用发展成为大势所趋，也成为了互联网时代的标志，促进了我国社会经济迅速发展。
1 H5技术的概念
H5指第5代HTML，也指用H5语言制作的一切数字产品。H5技术发展到现在，已经成为了互联网发展的新标准，也成为了互联网技术发展的革新，是一种编程语言。人们在生活中浏览的网页通常都是通过HTML语言编写的，重要组成部分是Web技术。H5设计的最终目的是在移动设备上支持多媒体，引进新功能，根据用户的实际使用需求，增加灵活性、新属性等特征。不仅可以提升和改进用户体验，还可以帮助开发人员进行设备开发，同时给设备带来更多的多媒体视频和音频元素。此外，H5技术还广泛用于应用程序和游戏。为了更好地处理新时代的互联网应用，H5增加了很多新元素和功能，比如，网页结构、定位、储存等，可以让客户体验到与文档互动的功能。现阶段，H5技术正慢慢走向规范化、标准化、人性化。
2 开发移动客户端的优缺点
首先，开发成本低，利用Web开发框架便可以轻松实现。其次，由于程序维护在服务器终端，应用程序版本更新比较快和容易。最后，安装移动客户端没有其他要求，直接通过浏览器就可以下载安装。移动客户端的不足之处在于，使用浏览器进行下载和应用时，用户体验感觉不流畅，也不支持离线模式，如果没有网络，就无法接收信息，也不能使用原生本地功能，如照相机、在线音乐、通讯录等。总而言之，移动开发端有很多实现方式，但其中主要问题就是不能集成一个完整的开发框架。
3 在移動客户端应用H5技术的特点
Web时代已被移动端主导，不管是在手机上还是在Pad上，随处可以见到HTML5网站、HTML5应用软件以及HTML5游戏。HTML5作为移动端开发的主流语言，说明了HTML5的前途是无可限量的。H5技术在移动端的应用主要表现在微数据、多媒体、离线储存等方面。微数据主要利用标签添加相应属性，可以提供计算机识别数据，通过标签或者属性名，让计算机进行识别，引入微数据可以让移动客户端应用处理语义方面变得更加方便和简单。现在大部分浏览器需要插件才能在网页中播放音频视频，通过H5技术中的音频、视频标签加入音频和视频播放功能，这样不仅简化了程序开发，还可以书写文本，给用户带来了别样的体验和感受。H5技术还给移动客户端提供了离线本地储存功能，不仅可以储存永久性数据，还可以在重启客户端时，数据仍然进行离线储存，保留在客户端。
4 H5技术在移动客户端的应用优势
针对移动客户端存在的开发问题，为了让开发者提高开发效率，H5技术是一个难度系数比较低、可以调节移动客户端的本地功能、适合多个平台的移动端开发框架。因此，相关研究者要深入了解H5技术在移动客户端的应用优势特征，从而方便用户应用。
4.1 GPS定位和绘图功能应用
GPS定位功能对于现阶段的互联网应用而言，是发展的新趋势和需求。如果没有定位系统，很多商城应用将无法正常运行，比如：地图导航、在线购物、网约车等。在移动客户端中，GPS定位功能是不可或缺的功能，但在网页中没办法做好这一项功能，在GPS功能中加入H5技术，提升GSP功能的整体能力，也增加了H5技术的应用范围。以往的移动客户端网页没有绘图功能，但是对于现代移动客户端而言，绘图是一个基本又重要的功能，必须通过绘图功能进行图片、图标美化和修改，H5技术使用API对图片进行操作，可以对图片进行裁切、旋转、移动等。
4.2 降低了开发成本，提升了互动能力
在使用原生开发移动客户端时，会浪费大量的开发成本，不同的平台需要不同的开发团队进行开发和维护。而应用H5技术，不仅降低了开发难度，还提高了开发效率，从而节省了开发成本。此外，最开始的浏览器网页是静态网页，动态效果使用较少，互动能力也较弱，而利用H5技术，加入了诸多互动功能和动画效果，提升了H5的互动能力。
4.3 扩大了储存位置
应用H5技术，让浏览器所储存的数据大小不再受到限制，更好地将储存数据保留在浏览器历史中，当关闭或者重启浏览器时，数据也会在本地自动储存，下次重新打开浏览器时，数据仍然重新出现，不需要再进行网络请求，从而削减网络流量。H5技术扩大了储存能力，储存分为本地储存和网页储存两种，一种是永久保存在本地，而另外一种则是缓存使用，如果关闭浏览器，下次打开时也不会保存数据。 5 原生技术和H5技术的优劣势对比
5.1 动画方面和网络数据获取方面
H5技术在绘图方面也做出了很多贡献和努力，但是对于原生移动客户端而言，会消耗很多资源，动画种类显得单一。如果利用H5技术来实现动画效应、场景切换等效果，会降低许多实用性能。比如，在性能比较低的客户端，设备硬件差，而H5技术又消耗内存和显卡，会造成客户端卡慢和死机现象。此外，采用WEPAPI方式读取数据，在获取数据的过程中，会导致网页卡慢。利用H5技术获取网络数据，需要获取所有数据后，才能看到相应内容，用户体验不佳。在获取数据的过程中，用户只能长时间等待，而原生的客户端，不仅体验效果好，获取速度也非常快。所以，H5技术在获取数据方面的应用，还需要不断开发和探索。
5.2 性能差距以及页面切换场景
H5技术相对于原生开发技术而言，还存在一定差距。在性能方面，高端机器的差距不明显，如果在低端设备机器中，就会发现H5技术开发的移动客户端出现严重卡慢情况，而原生开发的任何应用都十分流畅。H5技术在移动客户端的开发和应用时间比较短，技术应用也不是很成熟，而原生开发已经发展了数年。所以，H5技术应该投入大量的时间和精力去研究和解决这些问题。此外，在原生移动客户端开发中，页面切换方式有很多种，比如动画场景设计或者加载数据量等，而H5技术虽然可以同样使用以上的体验效果，但是会占据较大内存，需要自己管理生命周期，数据储存到一定量时，会自动释放内存。H5技术经过大量数据储存后，应用会变得卡慢，导致用户体验效果差。
5.3 原生技术和H5技术对比结论
很多开发企业认为，H5技术之所以应用到移动客户端的原因在于，移动客户端有IOS、Android两个常用系统，根据前文所述，如果需要通过原生技术开发移动客户端，就会增加成本，需要不同的开发团队和人员，针对不同需求开发客户端程序。而H5技术的优势不仅可以降低开发成本，还可以做到一定程度的兼容。但是，目前实际情况还不允许，如果公司在创业初期，可以不考虑性能等方面的情况，但H5技术应用还不够成熟，不能满足用户使用需求，也不能提升体验效果。因此，原生开发虽然存在一定的问题，但还是目前最适合开发移动客户端的技术。
6 结 语
H5技术在移动客户端应用上既有优势，也有不足。对于创业初期的企业而言，可以利用H5技術来开发移动客户端，可以节省成本，提高效率。但是，针对相对成熟的企业，不建议使用H5技术，因为H5技术还存在很多问题和瑕疵，用户体验效果一般，性能问题日益突出。因此，建议使用原生开发技术，或者将H5技术和原生技术有效结合，建立开发框架和模式。在开发过程中，分析两种技术的利与弊，对于不足之处及时提出解决方案。由于H5技术还不够成熟，整体开发商还缺乏规范统一的内容，如果要想用户有更好的体验，还需要不断优化，一定要坚信，HTML5技术将在移动平台上有更加广阔的发展前景。
主要参考文献
[1]刘乔辉.基于H5技术在移动客户端中的应用分析[J].湖北农机化，2019（9）.
[2]唐毅.H5技术在移动客户端中的应用研究[J].电脑知识与技术，2017（11）.
[3]王静，司占军.基于H5技术的应用研究[J].电脑知识与技术，2018（34）.
[4]张玲，陈建国.“互联网+”下农产品市场营销与H5移动技术融合教学探究[J].农业教育研究，2018（4）.
[5]唐毅.H5技术在移动客户端中的应用研究[J].电脑知识与技术，2017（11）.
转载注明来源:https://www.xzbu.com/3/view-15053484.htm
