HTML5在移动前端应用开发中的研究与分析

潘泳贤

中山市技师学院 广东 中山 528400

引言

近年来，网络信息技术飞速的发展，逐渐融入了人们的日常生活。移动智能化的设备在社会中逐渐得到了广泛的使用，对互联网技术的依赖也日益增加，对移动互联网技术的开发是新时期背景下的发展趋势。区别于传统的互联网技术，移动互联网的开发，打破了地域的限制，使用电话、电脑等设备，实现了随时随地可以上网。当各类移动设备进行移动网络的使用过程时，不同系统下的移动设备需要共同实现网络功能的移动化，就需要开发出更加完善的新型移动网络技术。HTML5技术具有更加高效和便捷的上网功能，并且具有更加强大的包容性，可以同时容纳多种系统的移动设备同时使用。HTML5技术的开发正好符合新时期对于网络技术的基本需求，能够有效促进网络软件的开发和使用，助推我国的移动网络技术的发展。

1 HTML5技术的特点

HTML5技术不是单一的网络技术，而是结合了最先进的网络开发应用技术的多种技术的结合体，其中包括了HTML、JAV A等最先进的技术手段。在移动设备上运用HTML5 可以有效减少上网时的插件下载，便利了网络浏览和网络搜索等上网功能，减少对于插件的依赖，并且能够显著提高网络的使用性能，提高用户的使用满意度，具有更多的技术优势。作为最新型的开发技术，HTML5与移动设备存在着以下的关系。

1.1 为移动设备的软件平台提供了有效数据

目前投入使用的移动设备，普遍具有触摸屏的使用功能，并且具有通过触摸实现的打字功能，可以更加便利的进行数据的输入，在屏幕上出现了键盘的输入形式[1]。但是虚拟键盘的大小受到移动设备的触摸屏面积限制，不一定满足用户的数据输入需求，影响了用户对移动设备的体验效果。提高虚拟键盘对屏幕的适应性，可以更好地提升用户的服务体验，提高用户的满意程度。通过运用HTML5提供的数据服务功能，就可以很好地解决这一难题，有效提高用户在虚拟键盘上输入的速度和效率。

1.2 CANVAS绘图技术

在HTML5中包含了Canvas技术，使用最新的Canvas可以提供出更强大的动画绘图功能，使软件具有二维图像绘制技术。让移动设备的使用者，可以不需要下载额外的技术插件，就能够对动态的绘画进行观看，实现了移动设备的绘图功能。并且相比于传统的下载插件而实现的绘图功能，新型的技术可以更加稳定和高效的，将图像和动画API表现出来，更好的实现图片的渲染，让图片与其他元素进行更加有效的交互，具有更强大的技术优势[2]。技术人员可以直接进行图表和图形等的处理，与显著的提高移动设备的绘图效果。目前二维的绘图技术已经在移动设备中广泛普及，而三维的绘图技术正处于发展中阶段，通过HTML5技术的发展，逐渐在社交软件和网页游戏中让3D技术推广和使用。

1.3 具有直接使用音频、视频的功能

传统的技术想要实现音频和视频功能，需要在移动设备上安装其他插件，例如Flash等插件来实现音频和视频的使用。安装插件会给用户的使用过程带来更多复杂化的使用流程，一些程序的安装比较缓慢，用户想要打开音频文件，需要经过长时间的下载和安装，不能达到实时播放的效果。并且安装的插件并不具备更好的兼容效果，可能与其他软件造成冲突，影响语音播放功能的实现。在插件安装后，会影响浏览器的稳定程度，给用户带来不良的使用体验[3]。新技术的不断研发，HTML5有效解决了这一难题，可以实现移动设备对音频和视频的直接使用，无须加载其他软件，有了技术上的很大提升，可以提供更加稳定和高效的API音频。打破了过去对于不同元素需要下载不同的处理器的方式，运用HTML5可以实现跨平台和跨种类的集成功能，让网络软件可以更加便利的使用，提升用户的使用性能。

1.4 具有定位功能

HT ML5可以实现移动设备的定位功能，有效改善了移动设备的网络技术接收问题。可以根据移动设备的实际位置，为用户提供更加适合的网络服务，和基于定位系统能够实现的更加便利的服务[4]。例如结合GPS定位技术、GIS遥感技术以及与无线网络等功能的结合，更加准确的实现位置确定，弥补了之前软件开发的技术缺陷，为后续软件的开发提供了更多的技术支持。在软件的使用过程中，可以运用HTML5技术实现用户的导航功能，对具体地点进行搜索和查询，并且提供多种路线，可以获得更好的使用体验。而且可以通过对实时信息的位置共享，在导航过程中选择最佳线路。基于这一技术优势，开发出了更多的新型的定位软件，提供了娱乐和其他的技术服务。HTML5技术具有更加人性化的特点，可以根据用户的使用需求，询问用户是否需要开启定位功能，提高用户软件使用的安全性能，更好地保护用户的隐私安全。

1.5 离线存储功能

当用户在使用过程中，出现网络信号较差的问题时，要确保用户可以继续使用软件和网络平台，这对网络技术提出了更多要求。HTML5可以提供相对应的技术服务，可以有效解决软件的离线使用问题。将数据进行本地存储，就可以实现在无网络状态下的软件使用效果。运用HTML5技术的存储具有更多的技术优势，提供更多的存储容量和将信息保存在线下的移动设备中，可以有效实现软件的离线状态服务。在不产生流量的情况下，依然可以对软件进行使用。当网络功能恢复时，软件可以进行实时更新，提供更加便捷的网络服务。

2 HTML5在移动前端的应用开发

HTML5融合了最先进的Java技术和HTML技术，为移动设备上的软件提供了技术支持。通过对三种实现方式的执行分析，对原生应用、浏览器和原生应用外壳进行处理，对本地资源进行存储，取得更加精确的API系统数值，实现技术的有效应用。原生应用又名Native App，是先进的语言开发应用技术[5]。市面上很多网络软件都应用到了这一技术，例如微博就使用了多种技术的结合，实现了可以在浏览器中直接打开就可以使用的功能。通过HTML5的多种技术结合体，可以实现跨平台和跨元素的网络软件使用，具有更低的开发成本优势，为开发者提供了更多的技术支撑，可以促进我国的网络软件更加多元化的发展，创新出多种形式的社交平台。HTML5的技术特点更加适合信息数据交流形式的软件开发，对于大型的网络游戏等应用的效果不够理想，需要根据实际的软件开发情况进行选择。微博即Web App，对这种新型的应用具有最佳的使用效果，相比于原来的App下载，通过技术支持实现了浏览器的打开模式，为用户提供了更加丰富的使用体验。

对Web App作为案例进行分析，对HTML5的特点进行说明。①具有绘制图表的功能。HTML5中包含了实时绘图的技术，可以更好的展示App中的图像效果。②新浪微博。社交软件中，对新浪微博的有效应用HTML5技术，更好地利用了新技术的特点，实现跨平台的数据传输，减少企业的经济成本投入，使用了现金的技术节约了资源的消耗。通常来说，网络社交平台上，都具有动态视频，图片，和声音等的混合元素，在同一软件内，使用HTML5对多种元素进行综合处理，实现了软件的功能开发。③实时绘图。相比于过去的传统音频打开模式，需要下载Flash插件，才能打开音频视频，使用HTML5可以实现无缝衔接，直接在微博等社交平台直接点开视频和音频，对用户的观看提供了更加便捷的服务。并且可以通过用户进行操作，实现对拍摄的视频进行实时发送的功能，推进了视频技术的发展。④社交游戏。在社交游戏的软件开发中，也可以充分发挥HTML5的技术优势，实现数据信息的有效传输。目前对使用HTML5技术开发的游戏软件，具有很大的发展前景。通过专业的技术测评得出结论，在使用最新型的移动设备时，运用HTML5技术开发出社交游戏，可以匹配电脑上的网页游戏的使用效果。并且HTML5技术还存在着很大的开发和上升空间，在未来可以得到更好的开发和利用[6]。

3 运用HT ML5的移动信息服务新技术

随着移动信息技术的不断发展，对网页设计的功能越来越全面，HTML5被广泛应用到手机等移动设备的使用中。目前手机已经成为人们生活当中的必需品，大众对手机的服务需求日益增加，已经从原来的单纯的通话和短信息的需求，转变为新时期的社交软件和游戏等，转变为依赖网络领域的服务需求。这就需要不断研发设计新技术，提高广大用户的使用满意度。

3.1 更加符合大众喜好的页面布局

手机成为最为典型的移动设备，具有便于携带，随时随地可以使用的特点，但手机的屏幕面积有限，在有限的屏内提供用户所需的所有服务需求，并且要适应手机的多种硬件条件不充足的条件，使页面容量受到了很大的限制。对HTML5技术的开发，可以根据移动设备的实际布局，更加人性化的设计出符合大众需求的页面布局。通过对传统技术的不断研发，对过去的网页打开版面进行改进和优化，简化了很多非必要的因素，将技术更加集中于对页面布局的编辑，使用户打开网页时可以获得更好的感官感受，提高用户的使用体验。

3.2 HTML5提供移动的信息服务

移动信息技术的发展，为大众提供了可以在移动中获取资源的服务，让用户不用再像过去那样，想要查找资料必须去固定的地点，例如图书馆和阅览室等地区，可以随时随地等通过移动网络服务获取资源。这就要求对移动网络技术进行不断的开发，更好地将实体资源传输到线上，为用户提供更加便捷的移动信息服务。HTML5技术的研发，为移动信息服务提供更强的技术支撑，逐渐形成了较为完备的网络信息服务体系，将网络技术的优势更好的展示出来，为用户提供更加稳定和可靠的网络技术。移动设备正在朝着更多元化的移动社交软件发展模式发展，为推出更多的移动音频视频软件、移动办公服务、移动存储服务等更加丰富的网络技术服务[7]。使用HTML5技术的移动软件开发，可也提供更加符合用户使用需求的网页服务，融合多种绘图功能、音频和视频功能于同一软件，实现跨平台和跨元素的互动交流，避免了多种元素需要下载插件带来的经济成本过高的问题，提高了移动信息服务的便捷度和经济效益。

4 结束语

移动信息技术的不断发展，给人们的日常生活带来的巨大的改变。HTML5技术的应用，为移动软件的开发提供了专业的技术基础，让社交软件更加符合用户的使用需求。目前HTML5技术的开发仍处于发展中阶段，不断提高技术水平，提高移动设备的服务能力，是新时期的发展方向和目标。要鼓励我国的移动技术开发人员不断进行创新，学习国内外先进的技术理念，不断改进软件的开发模式，提高我国的HTML5的开发利用率。本文对HTML5的技术特点进行论述，分析了HTML5技术的优势和应用情况，对新技术的开发依然任重道远，需要进一步的完善。不断提高移动设备的技术优势，提高我国的软件开发性能，在未来制定出更高的服务使用标准，提供更加优化的硬件和软件的性能，促进我国的移动信息产业发展。