伴隨著移動(dòng)設(shè)備的快速崛起，App市場(chǎng)的發(fā)展也日漸迅猛，目前iOS和Android平臺(tái)的App數(shù)量總和也達(dá)到100萬(wàn)款之多，據(jù)AAWP報(bào)道，Windows Phone的應(yīng)用市場(chǎng)數(shù)量已突破8萬(wàn)，晉升成為第三大應(yīng)用平臺(tái)。移動(dòng)數(shù)據(jù)分析公司Flurry在2011年App趨勢(shì)報(bào)告中顯示，人們花費(fèi)在App上的時(shí)間已經(jīng)超過(guò)人們?yōu)g覽網(wǎng)頁(yè)的時(shí)間。

未來(lái)App的市場(chǎng)呈現(xiàn)一片光明景象，而對(duì)于移動(dòng)開(kāi)發(fā)商來(lái)說(shuō)，不同平臺(tái)的應(yīng)用則需要開(kāi)發(fā)不同的App來(lái)支持，無(wú)論在更新及維護(hù)上都需要一定的成本。于是更多人想到了基于HTML5的Web App，目前主流操作系統(tǒng)iOS、Android以及Windows Phone的瀏覽器都對(duì)于html5大部分特性的支持也更加突顯HTML5在未來(lái)移動(dòng)設(shè)備端的地位。那么HTML5有何前景呢，接下來(lái)我們一起來(lái)討論HTML5和Web App：

談到Web App，我們就不得不先想到Native App，目前我們?cè)贏pp Store上下載的ipa以及我們?cè)贕oogle play store或其他網(wǎng)站下載的apk都是屬于Native App，那么這種App有什么優(yōu)勢(shì)和劣勢(shì)呢？

Native App的優(yōu)勢(shì)：

1、優(yōu)秀的用戶體驗(yàn)和華麗的交互操作，能夠針對(duì)不同平臺(tái)提供不同用戶體驗(yàn)；

2、可不受網(wǎng)絡(luò)速度限制，節(jié)省帶寬成本；

3、可訪問(wèn)本地硬件設(shè)備和資源；

4、盈利模式明朗。

Native App的劣勢(shì)：

1、不同平臺(tái)之間的移植麻煩；

2、維持多個(gè)版本的成本比較高；

3、需要通過(guò)第三方審核；

4、盈利需要與第三方分成。

針對(duì)Native App的不足，Web App很好了彌補(bǔ)了這些劣勢(shì)，開(kāi)發(fā)商只需了解HTML5、CSS3、js以及Device API即可完成應(yīng)用在多終端設(shè)備和平臺(tái)的運(yùn)行，很好的保證了應(yīng)用跨平臺(tái)的一致性，相對(duì)于Native App開(kāi)發(fā)成本更低，同時(shí)更新維護(hù)更容易，用戶幾乎沒(méi)有安裝成本，也更加自由和開(kāi)放。但任何新技術(shù)總是有利有弊，Web App其自身也會(huì)遇到在用戶體驗(yàn)、UI效果及調(diào)用本地設(shè)備和資源的相關(guān)問(wèn)題。

雖然2種模式各有優(yōu)缺，但隨著移動(dòng)設(shè)備及html5的迅猛發(fā)展，讓微軟和喬布斯也意識(shí)到：只有HTML5才是web未來(lái)。從著名移動(dòng)云平臺(tái)公司Appcelerator發(fā)布的調(diào)查報(bào)告可以看到HTML5 Mobile Web已經(jīng)上升為第4位。

眾所周知，HTML5不僅僅給我們帶來(lái)了更多語(yǔ)義化的標(biāo)簽，還有canvas繪圖、音頻視頻、本地存儲(chǔ)、離線應(yīng)用、地理位置定位等新特性。

接下來(lái)我們從App的角度來(lái)看看HTML5帶來(lái)的這些特性：

特性一、Canvas繪圖

Canvas在網(wǎng)頁(yè)中類似于Flash的作用，是HTML5引入的一個(gè)新的標(biāo)簽，但其本身并不具備畫(huà)圖的能力，只是為JavaScript提供一個(gè)繪制圖像的區(qū)域，可以使用JavaScript來(lái)繪制圖形、編輯圖象。如Harmony，基于Canvas的一個(gè)繪圖工具，使用其提供的獨(dú)特畫(huà)筆樣式，在iPhone和Andriod手機(jī)上可以繪制一些精美的鉛筆素描風(fēng)格。

可參考：http://www.html5rocks.com/en/tutorials/canvas/integrating/

很多HTML5站點(diǎn)也利用Canvas實(shí)現(xiàn)繪畫(huà)功能和在線圖像編輯功能，如Sketchpad，一個(gè)在線畫(huà)板，擁有類似Windows 畫(huà)筆的所有功能；CloudCanvas，基于HTML5的免費(fèi)在線圖像編輯軟件，可以實(shí)現(xiàn)AI和PS的一些矢量與位圖的編輯功能。

特性二、Local Storage（本地存儲(chǔ)）

我們知道很多App下載安裝后，都是基于本地離線緩存運(yùn)行，而無(wú)需請(qǐng)求網(wǎng)站。Web Storage很好的解決了之前Cookie的大小不能超過(guò)4K的尷尬和不同瀏覽器針對(duì)每個(gè)域名下Cookie數(shù)的限制。Web Storage可分為local storage和session storage，local storage提供了5MB的存儲(chǔ)空間，而sessiong storage甚至沒(méi)有限制。不僅在啟動(dòng)App的時(shí)候可以加載緩存數(shù)據(jù)來(lái)加快啟動(dòng)和顯示速度，還可以減少網(wǎng)絡(luò)流量，離線運(yùn)行App。

Google之前用Google Gears這個(gè)瀏覽器插件來(lái)解決網(wǎng)頁(yè)應(yīng)用的離線使用，如離線使用Gamil，隨著瀏覽器對(duì)HTML5新標(biāo)準(zhǔn)的支持，Gears也逐漸被拋棄。目前Google Reader利用HTML5離線技術(shù)，可以讓用戶離線閱讀訂閱的最新瀏覽過(guò)的文章。

標(biāo)簽： HTML5 WebAPP 應(yīng)用 ��

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。