基于HTML5的移動智能應用終端新特性分析與研究

1、基于HTML5的移動智能應用終端新特性分析與研究【 摘 要 】 隨著移動4G網絡的快速發(fā)展和普及，移動智能終端已經迅速地進入了人們工作、生活和學習領域，并且取得了顯著的成效，移動互聯網的重要性日趨明顯。為了適應現代移動互聯網的應用，人們提出了HTML5技術，該技術具有離線存儲能力，能夠為移動互聯網應用開發(fā)提供強大的數據基礎，用戶交互能力較強，具有鮮明的移動定位能力。使用Canvas繪圖，適用于各類移動設備顯示的標簽和樣式，為基于HTML5的移動智能應用終端程序開發(fā)提供了強大的支撐，具有重要的作用。【 關鍵詞 】 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 引言隨著我國移動智能終端的快速普及，移動互聯網的服務模式得到了極大的創(chuàng)新和改進，移動互聯網市場也越來越大，越來越多的移動互聯網用戶通過智能手機、iPad、筆記本電腦等接入互聯網，這些智能終端的運行服務能力已經和PC機等同，因此可以運行各類應用程序，并且猶如在PC機上一樣可以瀏覽網頁、玩網游等。但由于移動智能終端的屏幕較小，操作方式也與PC機不同，大大地降低了用戶的體驗效果，因此許多Web應用服務商、移動互聯網學者開始研究適合智能終端的互聯網服務模式，以便能夠適合現代移動智能終端的具體模式。目前，經過多年的研究，計算機學者已經提出了HTML5技術，該技術促使Web應用的表現能力和功能更加豐富

6、，取得了很大的成就，并且該技術具有平臺無關性，開發(fā)語言也比較簡單，已經促使Web應用程序在移動智能終端上得到了廣泛的應用，并且占據了很大的市場用戶數額。2 HTML5技術新特性分析HTML5的很多功能是為了能夠促進移動應用程序在智能終端的應用而設計的，因此其可以在移動智能終端上顯示出更大的應用優(yōu)勢。與傳統(tǒng)的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最為關鍵的優(yōu)勢，其可以在應用程序網頁

9、開發(fā)過程中增加語句，既可以使網頁自動適配移動終端的屏幕。3 基于HTML5技術的智能終端應用開發(fā)研究智能移動終端的主流瀏覽器包括Safari、Android Browser、Opera Mobile、Chrome等，都較好地支持HTML5，而且它們的在瀏覽器中所占份額還在不斷擴大。主流移動瀏覽器的支持讓HTML5的平臺更加普及，同時對HTML5的良好支持也讓這些瀏覽器獲得了更多用戶的選擇。如圖1所示是主流移動平臺瀏覽器對html5的支持情況的統(tǒng)計比較。移動設備上HTML5訪問系統(tǒng)硬件的能力還在落地中，同時移動瀏覽器對于基本HTML5標準的支持不是大問題，但是性能和速度還有待提高。用戶移動設備和

10、移動平臺硬件的快速更新會解決一部分問題，例如2011年到2014年市面上有單核528M頻率的G8、單核1G的、雙核1.2G的、4核1.6G的手機，現在則有8核1.8G的手機?；贖TML5技術開發(fā)適用于現代移動智能終端的應用程序，可以更好地使用HTML5技術的新特性，開發(fā)功能強大、特色新穎的智能應用程序。本文結合應用程序的開發(fā)現狀，詳細介紹HTML5技術技術在實時數據繪制、基于信息流的展示、社交游戲、實時繪圖等應用程序實例使用和研究。（1）圖標實時繪制應用。根據實時數據繪制各類圖表是HTML5技術中CanvasAPI的簡單應用，該API應用圖表插件能夠自動獲取表格數據值，并且生成相關的走勢圖，

11、同時能夠支持多種排列走勢圖。（2）新浪微博?；谛畔⒘鞯膽贸绦蚩梢灾苯油ㄟ^Web端進行數據交換，采用HTML5技術之后，可以直接使用跨平臺數據，因此不需要使用后臺API數據，可以大大地降低應用程序研發(fā)和維護的成本，并且呈現良好的交互效果。新浪微博等應用程序可以排列大量的圖片、文字、視頻和音頻元素，同時展現較強的交互性，以便適合HTML5技術實現應用程序。（3）實施渲染效果繪圖。HTML5技術中引入了Canvas元素，支持Web開發(fā)人員不需要借助任何第三方插件的情況下，都可以直接使用JavaScript腳本語言，使用Web頁面可以實時地進行渲染效果繪圖。4 結束語目前，HTML5技術上處于應用推廣期，并沒有完全成熟地應用于移動智能終端設計與實現過程中，通過對HTML技術、CSS和JavaScript實現的應用程序進行有效的轉換，直接生成能夠在大小不同的移動智能終端上運行。隨著HTML5技術的成熟，智能終端設備的硬件性能也將會得到優(yōu)化和提高，基于HTML5技術開發(fā)的應用程序也越來越多。參考文獻【1】 董霽，楊丁寧，史德年.基于HTML5技術的移動智能終端應用及安全問題研究.現代電信科