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

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

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

Native App的優(yōu)勢：

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

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

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

4、盈利模式明朗。

Native App的劣勢：

1、不同平臺之間的移植麻煩；

2、維持多個版本的成本比較高；

3、需要通過第三方審核；

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

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

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

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

接下來我們從App的角度來看看HTML5帶來的這些特性：

特性一、Canvas繪圖

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

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

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

特性二、Local Storage（本地存儲）

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

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

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

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