H5技術(shù)在移動客戶端中的應(yīng)用研究

何莉

[摘 要]近年來，伴隨著信息技術(shù)不斷深入發(fā)展，互聯(lián)網(wǎng)技術(shù)和智能手機(jī)給人們的生活帶來了便利，移動設(shè)備也成為人們生活中不可或缺的一部分。目前，H5技術(shù)在移動客戶端的應(yīng)用越來越廣泛，隨之而來產(chǎn)生了諸多問題和挑戰(zhàn)，如H5技術(shù)的應(yīng)用效果較差，用戶體驗(yàn)不佳。移動端相對于PC端開發(fā)工作而言，技術(shù)難度更高，工作量更大，開發(fā)效率更低。在這種情況下，移動應(yīng)用和開發(fā)也迎來了巨大的挑戰(zhàn)和困難。因此，本文闡述了H5技術(shù)的概念，并分析了H5技術(shù)在移動客戶端應(yīng)用的優(yōu)缺點(diǎn)，將原生技術(shù)和H5技術(shù)進(jìn)行了對比，各有所長，隨實(shí)際情況而定，而不是盲目選擇技術(shù)。

[關(guān)鍵詞]H5技術(shù);移動客戶端;應(yīng)用研究

doi：10.3969/j.issn.1673 - 0194.2019.20.074

[中圖分類號]TP311.52[文獻(xiàn)標(biāo)識碼]A[文章編號]1673-0194（2019）20-0-02

0 ? ? 引 言

隨著互聯(lián)網(wǎng)技術(shù)不斷進(jìn)步發(fā)展，使用移動設(shè)備為人們的生活和工作都提供了便利。移動端設(shè)備操作系統(tǒng)主要有安卓系統(tǒng)、IOS系統(tǒng)等。根據(jù)研究統(tǒng)計發(fā)現(xiàn)，目前中國智能手機(jī)市場規(guī)模已經(jīng)達(dá)到10億部。在這樣發(fā)展迅速的市場下，開發(fā)和應(yīng)用移動端即將帶領(lǐng)互聯(lián)網(wǎng)開拓新局面。移動應(yīng)用已經(jīng)滲透了人們生活的每個部分，比如金融服務(wù)、醫(yī)療行業(yè)、地圖導(dǎo)航等。移動客端戶的應(yīng)用發(fā)展成為大勢所趨，也成為了互聯(lián)網(wǎng)時代的標(biāo)志，促進(jìn)了我國社會經(jīng)濟(jì)迅速發(fā)展。

1 ? ? H5技術(shù)的概念

H5指第5代HTML，也指用H5語言制作的一切數(shù)字產(chǎn)品。H5技術(shù)發(fā)展到現(xiàn)在，已經(jīng)成為了互聯(lián)網(wǎng)發(fā)展的新標(biāo)準(zhǔn)，也成為了互聯(lián)網(wǎng)技術(shù)發(fā)展的革新，是一種編程語言。人們在生活中瀏覽的網(wǎng)頁通常都是通過HTML語言編寫的，重要組成部分是Web技術(shù)。H5設(shè)計的最終目的是在移動設(shè)備上支持多媒體，引進(jìn)新功能，根據(jù)用戶的實(shí)際使用需求，增加靈活性、新屬性等特征。不僅可以提升和改進(jìn)用戶體驗(yàn)，還可以幫助開發(fā)人員進(jìn)行設(shè)備開發(fā)，同時給設(shè)備帶來更多的多媒體視頻和音頻元素。此外，H5技術(shù)還廣泛用于應(yīng)用程序和游戲。為了更好地處理新時代的互聯(lián)網(wǎng)應(yīng)用，H5增加了很多新元素和功能，比如，網(wǎng)頁結(jié)構(gòu)、定位、儲存等，可以讓客戶體驗(yàn)到與文檔互動的功能?，F(xiàn)階段，H5技術(shù)正慢慢走向規(guī)范化、標(biāo)準(zhǔn)化、人性化。

2 ? ? 開發(fā)移動客戶端的優(yōu)缺點(diǎn)

首先，開發(fā)成本低，利用Web開發(fā)框架便可以輕松實(shí)現(xiàn)。其次，由于程序維護(hù)在服務(wù)器終端，應(yīng)用程序版本更新比較快和容易。最后，安裝移動客戶端沒有其他要求，直接通過瀏覽器就可以下載安裝。移動客戶端的不足之處在于，使用瀏覽器進(jìn)行下載和應(yīng)用時，用戶體驗(yàn)感覺不流暢，也不支持離線模式，如果沒有網(wǎng)絡(luò)，就無法接收信息，也不能使用原生本地功能，如照相機(jī)、在線音樂、通訊錄等?？偠灾?，移動開發(fā)端有很多實(shí)現(xiàn)方式，但其中主要問題就是不能集成一個完整的開發(fā)框架。

3 ? ? 在移動客戶端應(yīng)用H5技術(shù)的特點(diǎn)

Web時代已被移動端主導(dǎo)，不管是在手機(jī)上還是在Pad上，隨處可以見到HTML5網(wǎng)站、HTML5應(yīng)用軟件以及HTML5游戲。HTML5作為移動端開發(fā)的主流語言，說明了HTML5的前途是無可限量的。H5技術(shù)在移動端的應(yīng)用主要表現(xiàn)在微數(shù)據(jù)、多媒體、離線儲存等方面。微數(shù)據(jù)主要利用標(biāo)簽添加相應(yīng)屬性，可以提供計算機(jī)識別數(shù)據(jù)，通過標(biāo)簽或者屬性名，讓計算機(jī)進(jìn)行識別，引入微數(shù)據(jù)可以讓移動客戶端應(yīng)用處理語義方面變得更加方便和簡單。現(xiàn)在大部分瀏覽器需要插件才能在網(wǎng)頁中播放音頻視頻，通過H5技術(shù)中的音頻、視頻標(biāo)簽加入音頻和視頻播放功能，這樣不僅簡化了程序開發(fā)，還可以書寫文本，給用戶帶來了別樣的體驗(yàn)和感受。H5技術(shù)還給移動客戶端提供了離線本地儲存功能，不僅可以儲存永久性數(shù)據(jù)，還可以在重啟客戶端時，數(shù)據(jù)仍然進(jìn)行離線儲存，保留在客戶端。

4 ? ? H5技術(shù)在移動客戶端的應(yīng)用優(yōu)勢

針對移動客戶端存在的開發(fā)問題，為了讓開發(fā)者提高開發(fā)效率，H5技術(shù)是一個難度系數(shù)比較低、可以調(diào)節(jié)移動客戶端的本地功能、適合多個平臺的移動端開發(fā)框架。因此，相關(guān)研究者要深入了解H5技術(shù)在移動客戶端的應(yīng)用優(yōu)勢特征，從而方便用戶應(yīng)用。

4.1 ? GPS定位和繪圖功能應(yīng)用

GPS定位功能對于現(xiàn)階段的互聯(lián)網(wǎng)應(yīng)用而言，是發(fā)展的新趨勢和需求。如果沒有定位系統(tǒng)，很多商城應(yīng)用將無法正常運(yùn)行，比如：地圖導(dǎo)航、在線購物、網(wǎng)約車等。在移動客戶端中，GPS定位功能是不可或缺的功能，但在網(wǎng)頁中沒辦法做好這一項功能，在GPS功能中加入H5技術(shù)，提升GSP功能的整體能力，也增加了H5技術(shù)的應(yīng)用范圍。以往的移動客戶端網(wǎng)頁沒有繪圖功能，但是對于現(xiàn)代移動客戶端而言，繪圖是一個基本又重要的功能，必須通過繪圖功能進(jìn)行圖片、圖標(biāo)美化和修改，H5技術(shù)使用API對圖片進(jìn)行操作，可以對圖片進(jìn)行裁切、旋轉(zhuǎn)、移動等。

4.2 ? 降低了開發(fā)成本，提升了互動能力

在使用原生開發(fā)移動客戶端時，會浪費(fèi)大量的開發(fā)成本，不同的平臺需要不同的開發(fā)團(tuán)隊進(jìn)行開發(fā)和維護(hù)。而應(yīng)用H5技術(shù)，不僅降低了開發(fā)難度，還提高了開發(fā)效率，從而節(jié)省了開發(fā)成本。此外，最開始的瀏覽器網(wǎng)頁是靜態(tài)網(wǎng)頁，動態(tài)效果使用較少，互動能力也較弱，而利用H5技術(shù)，加入了諸多互動功能和動畫效果，提升了H5的互動能力。

4.3 ? 擴(kuò)大了儲存位置

應(yīng)用H5技術(shù)，讓瀏覽器所儲存的數(shù)據(jù)大小不再受到限制，更好地將儲存數(shù)據(jù)保留在瀏覽器歷史中，當(dāng)關(guān)閉或者重啟瀏覽器時，數(shù)據(jù)也會在本地自動儲存，下次重新打開瀏覽器時，數(shù)據(jù)仍然重新出現(xiàn)，不需要再進(jìn)行網(wǎng)絡(luò)請求，從而削減網(wǎng)絡(luò)流量。H5技術(shù)擴(kuò)大了儲存能力，儲存分為本地儲存和網(wǎng)頁儲存兩種，一種是永久保存在本地，而另外一種則是緩存使用，如果關(guān)閉瀏覽器，下次打開時也不會保存數(shù)據(jù)。

5 ? ? 原生技術(shù)和H5技術(shù)的優(yōu)劣勢對比

5.1 ? 動畫方面和網(wǎng)絡(luò)數(shù)據(jù)獲取方面

H5技術(shù)在繪圖方面也做出了很多貢獻(xiàn)和努力，但是對于原生移動客戶端而言，會消耗很多資源，動畫種類顯得單一。如果利用H5技術(shù)來實(shí)現(xiàn)動畫效應(yīng)、場景切換等效果，會降低許多實(shí)用性能。比如，在性能比較低的客戶端，設(shè)備硬件差，而H5技術(shù)又消耗內(nèi)存和顯卡，會造成客戶端卡慢和死機(jī)現(xiàn)象。此外，采用WEPAPI方式讀取數(shù)據(jù)，在獲取數(shù)據(jù)的過程中，會導(dǎo)致網(wǎng)頁卡慢。利用H5技術(shù)獲取網(wǎng)絡(luò)數(shù)據(jù)，需要獲取所有數(shù)據(jù)后，才能看到相應(yīng)內(nèi)容，用戶體驗(yàn)不佳。在獲取數(shù)據(jù)的過程中，用戶只能長時間等待，而原生的客戶端，不僅體驗(yàn)效果好，獲取速度也非常快。所以，H5技術(shù)在獲取數(shù)據(jù)方面的應(yīng)用，還需要不斷開發(fā)和探索。

5.2 ? 性能差距以及頁面切換場景

H5技術(shù)相對于原生開發(fā)技術(shù)而言，還存在一定差距。在性能方面，高端機(jī)器的差距不明顯，如果在低端設(shè)備機(jī)器中，就會發(fā)現(xiàn)H5技術(shù)開發(fā)的移動客戶端出現(xiàn)嚴(yán)重卡慢情況，而原生開發(fā)的任何應(yīng)用都十分流暢。H5技術(shù)在移動客戶端的開發(fā)和應(yīng)用時間比較短，技術(shù)應(yīng)用也不是很成熟，而原生開發(fā)已經(jīng)發(fā)展了數(shù)年。所以，H5技術(shù)應(yīng)該投入大量的時間和精力去研究和解決這些問題。此外，在原生移動客戶端開發(fā)中，頁面切換方式有很多種，比如動畫場景設(shè)計或者加載數(shù)據(jù)量等，而H5技術(shù)雖然可以同樣使用以上的體驗(yàn)效果，但是會占據(jù)較大內(nèi)存，需要自己管理生命周期，數(shù)據(jù)儲存到一定量時，會自動釋放內(nèi)存。H5技術(shù)經(jīng)過大量數(shù)據(jù)儲存后，應(yīng)用會變得卡慢，導(dǎo)致用戶體驗(yàn)效果差。

5.3 ? 原生技術(shù)和H5技術(shù)對比結(jié)論

很多開發(fā)企業(yè)認(rèn)為，H5技術(shù)之所以應(yīng)用到移動客戶端的原因在于，移動客戶端有IOS、Android兩個常用系統(tǒng)，根據(jù)前文所述，如果需要通過原生技術(shù)開發(fā)移動客戶端，就會增加成本，需要不同的開發(fā)團(tuán)隊和人員，針對不同需求開發(fā)客戶端程序。而H5技術(shù)的優(yōu)勢不僅可以降低開發(fā)成本，還可以做到一定程度的兼容。但是，目前實(shí)際情況還不允許，如果公司在創(chuàng)業(yè)初期，可以不考慮性能等方面的情況，但H5技術(shù)應(yīng)用還不夠成熟，不能滿足用戶使用需求，也不能提升體驗(yàn)效果。因此，原生開發(fā)雖然存在一定的問題，但還是目前最適合開發(fā)移動客戶端的技術(shù)。

6 ? ? 結(jié) 語

H5技術(shù)在移動客戶端應(yīng)用上既有優(yōu)勢，也有不足。對于創(chuàng)業(yè)初期的企業(yè)而言，可以利用H5技術(shù)來開發(fā)移動客戶端，可以節(jié)省成本，提高效率。但是，針對相對成熟的企業(yè)，不建議使用H5技術(shù)，因?yàn)镠5技術(shù)還存在很多問題和瑕疵，用戶體驗(yàn)效果一般，性能問題日益突出。因此，建議使用原生開發(fā)技術(shù)，或者將H5技術(shù)和原生技術(shù)有效結(jié)合，建立開發(fā)框架和模式。在開發(fā)過程中，分析兩種技術(shù)的利與弊，對于不足之處及時提出解決方案。由于H5技術(shù)還不夠成熟，整體開發(fā)商還缺乏規(guī)范統(tǒng)一的內(nèi)容，如果要想用戶有更好的體驗(yàn)，還需要不斷優(yōu)化，一定要堅信，HTML5技術(shù)將在移動平臺上有更加廣闊的發(fā)展前景。

主要參考文獻(xiàn)

[1]劉喬輝.基于H5技術(shù)在移動客戶端中的應(yīng)用分析[J].湖北農(nóng)機(jī)化，2019（9）.

[2]唐毅.H5技術(shù)在移動客戶端中的應(yīng)用研究[J].電腦知識與技術(shù)，2017（11）.

[3]王靜，司占軍.基于H5技術(shù)的應(yīng)用研究[J].電腦知識與技術(shù)，2018（34）.

[4]張玲，陳建國.“互聯(lián)網(wǎng)+”下農(nóng)產(chǎn)品市場營銷與H5移動技術(shù)融合教學(xué)探究[J].農(nóng)業(yè)教育研究，2018（4）.

[5]唐毅.H5技術(shù)在移動客戶端中的應(yīng)用研究[J].電腦知識與技術(shù)，2017（11）.