HTML5在移動應用開發上的應用與趨勢研究

羅勇+王俊海

摘 要 隨著國民經濟的不斷增長，科學技術的不斷完善，移動互聯網發展得到了質的飛躍。HTML5作為移動應用開發過程的重中之重，是一項必不可缺的關鍵技術，直接關系到移動互聯網穩定持續的發展，實現移動應用的創新開發。因此，市場移動應用開發人員必須創新自身的工作理念，充分掌握HTML5技術相關概念內容，能夠全面發揮出其價值作用。文章進一步對HTML5在移動應用開發上的應用與趨勢展開分析與探討。

關鍵詞 HTML5；移動應用；開發；應用與趨勢

中圖分類號 TP3 文獻標識碼 A 文章編號 1674-6708（2018）205-0162-02

當前是一個科技信息時代，移動互聯網發展要與時俱進，跟上時代前進的腳步。伴隨著移動智能設備的普及，市場用戶對于移動應用提出了更高的要求，移動應用開發者要想最大程度滿足用戶的需求，在短時間內開發設計出符合用戶需求特點的某種應用，就必須科學應用一種靈活通用的開發技術。

HTML5開發技術作為顯著的特征就是跨平臺性特點，能夠適用于各種操作系統、瀏覽器以及應用開發工具等，移動應用開發人員通過應用該項技術，能夠不斷提高對移動互聯網應用開發設計的質量和效率，促進整個行業的和諧穩定發展。

1 HTML5技術特點分析

HTML5技術實質是指各項移動互聯網應用開發最新技術的集合，主要包括了CSS3、HTML、JavaScript以及其他全新API。

基于HTML5應用平臺上，各種類型音頻、視頻、動畫以及同計算機的交互都會被標準化[ 1 ]，有效打破了傳統封閉技術的弊端，HTML5技術的應用能夠幫助移動應用開發者創新開發出最佳的移動應用，為用戶帶來良好的感知體驗。當前，HTML5已經成為了移動設備的核心開發工具，它們兩者之間的關系主要包括了以下幾點內容。

1）視頻、音頻。基于HTML5技術在移動設備端的輔助下，開發者能夠直接利用該項技術所提供的通用集成API去高效處理視頻和音頻，這樣也就降低了開發人員的工作任務量，無需在下載安裝各種處理軟件。在HTML5平臺上，開發人員可以隨意將各種類型視頻和音頻進行嵌入，省去了對某個素材特殊處理的環節，不用通過復雜的逐漸去處理不同素材元素，從而大大提高了開發人員對音視頻的處理效率。

2）Canvas繪圖。HTML5技術的應用為移動開發人員有效提供了大量有關動態產出與渲染圖像、圖表以及動畫的API。這樣一來也就打破了傳統利用Flash插件展開繪圖工作的弊端，Flash插件在移動設備上的應用存在著一定的不穩定性和低效性。開發人員通過利用HTML5技術能夠直接對移動設備中的畫布內容進行處優化處理，在短時間內獲取到自身需求的渲染圖形或者圖像。

3）Web Workers。HTML5技術的應用有效實現了Java Script多線程編程，從而促使以往一些在移動設備瀏覽器無法使用的應用有了實現機會。基于Web Workers應用下，設備操作用戶能夠同時生成處理多個不同運行線程，一旦移動設備瀏覽器網頁在響應用戶的各項操作時，那么生成的那些線程就會自動作出復雜數學計算、訪問本地存儲以及提出網絡請求等。

2 HTML5在移動應用開發上的實踐應用

2.1 HTML5在社交游戲應用上的開發應用

基于信息網絡時代背景下，人們無時無刻不再與信息數據打交道，而社交游戲的開發出現不僅能夠滿足用戶交換信息的需求，還能夠提高用戶游戲過程的快樂感知體驗，這些應用功能都需要通過使用HTML5技術實現[2]。

在當前移動游戲應用開發市場上，已經推出了多款使用HTML5技術開發的社交游戲，這些社交游戲整體表現為效果能與電腦網頁游戲相比擬，游戲體驗過程較為流暢。

值得注意的是，社交游戲應用開發人員在應用HTML5技術過程時，還需深入展開優化解析性能的工作，以應付畫面要求更高的移動應用，通過在電腦端使用支持HTML5瀏覽器訪問，能夠實現內容與手機的有效互通。

2.2 HTML5在移動微博應用上的開發

基于信息流的移動應用會直接通過Wap端或者Wep端進行數據交換，應用開發人員通過使用HTML5技術則能夠實現對跨平臺數據的直接使用，不同去獲取使用后臺API，從而有效降低了企業對移動應用的開發管理維護成本。在當前移動互聯網應用市場上，存在著多種多樣的移動微博應用，例如常見的新浪微博、騰訊微博以及搜狐微博等。

這些微博都是基于信息流的移動微博應用，在日常操作使用中會涉及到大量的視頻、圖片以及文字等，存在著很強的交互性。

因此，微博應用開發人員在設計開發該類型應用時，必須充分發揮出HTML5技術的跨平臺交互性作用，實現數據的高效傳遞使用。

2.3 HTML5在實時效果繪圖上的應用

在傳統移動應用開發設計工作中，應用開發人員需要通過下載安裝第三方插件（如Flash，Silverlight）才能在Web頁面上進行效果繪圖。而基于HTML5技術的應用，其有效為開發人員提供了Canvas繪圖元素，這樣開發人員就可以通過直接利用JavaScript腳步在Web頁面上展開實時繪圖工作[3]。

HTML5技術中實時效果繪圖的高效應用能夠促使交互分享的實現變得更加輕松簡單。SKTCH作為一款能夠顯示不同效果實時繪圖的應用軟件，是Canvas APL的經典應用示范，能夠在iOS系統上得到實現。

3 HTML5在移動應用開發上的應用發展趨勢

隨著移動互聯網產業的不斷完善發展，未來HTML5技術的應用會越來越廣泛，并呈現為以下幾點發展趨勢。

1）HTML5技術移動化。當前HTML5技術在移動互聯網上的應用，在移動瀏覽器方面還存在著標準不統一、用戶應用感知體驗不夠良好的弊端，一定程度阻礙了移動互聯網網頁應用的前進腳步。因此，未來HTML5技術的應用要著重解決這方面問題，有效促進整個移動互聯網市場網頁應用端的發展。

2）HTML5技術與云平臺結合。未來HTML5技術與移動互聯網云服務平臺的結合應用將會成為重要發展趨勢。在移動互聯網發展過程中，云平臺服務端的應用能夠有效降低對最終能力的要求，并且將復雜運算的服務功能合理設置在服務側。工作人員將HTML5技術應用在設備終端，則可以有效提供離線存儲和應用離線運行功能，它們兩者之間的互補，能夠為廣大市場用戶提供更好的應用感知體驗。

4 結論

綜上所述，為了有效提高移動應用開發的質量和效率，現代移動應用開發人員要充分發揮出HTML5技術的優勢作用，通過綜合使用HTML、JacaScript以及CSS等技術高效實現移動應用開發，同時經過對應開發平臺的原生化應用轉換功能，在短時間內直接生成不同移動平臺的應用程序。

在未來HTML5技術研究應用工作中，工作人員要加強對HTML5標準的優化設定，不斷提高該項技術的各項性能，確保其能夠適用于各類瀏覽器中，開發人員能夠直接使用HTML5進行各類移動應用的開發。

參考文獻

[1]姜鳳燕，段會川.HTML5新輸入類型及其對RIA界面效率支持研究[J].計算機技術與發展，2014，22（5）：137-140.

[2]李世滿.基于HTML5 web技術App快速開發研究——以移動辦公App軟件開發為藍本[J].電腦知識與技術，2016（3）：81-82.

[3]黃永慧，陳程凱.HTML5在移動應用開發上的應用前景[J].計算機技術與發展，2013（7）：23-25.endprint