說(shuō)明

依據(jù)Gartner的研究，Android是全球最受歡迎的移動(dòng)操作系統(tǒng)，是它支持著大多數(shù)智能手機(jī)；而依據(jù)Canalys的調(diào)研，現(xiàn)在在平板電腦領(lǐng)域享有多數(shù)市場(chǎng)份額（53%）。讓Android有如此熱度的一部分因素是其多樣性。幾乎每個(gè)用戶都有一個(gè)的Android設(shè)備的尺寸和形狀，想要一個(gè)13英寸帶可拆卸鍵盤(pán)的平板電腦？Android同樣滿足你。

當(dāng)如此多樣的設(shè)備讓用戶歡喜時(shí)，它也為開(kāi)發(fā)人員帶來(lái)了不少頭疼的麻煩。屏幕尺寸、分辨率、CPU架構(gòu)和操作系統(tǒng)版本等，都會(huì)為開(kāi)發(fā)人員創(chuàng)建原生Android app帶來(lái)挑戰(zhàn)。幸運(yùn)的是，HTML5使得處理這龐大而多樣的Android設(shè)備隊(duì)伍變得快速而簡(jiǎn)單。

“服務(wù)員，我的凍酸奶里面有果凍豆”

Android初次廣泛登臺(tái)是在2009年。制造商發(fā)布設(shè)備，一般只對(duì)操作系統(tǒng)更新一兩次，就放棄它開(kāi)始關(guān)注新硬件了。因此，根據(jù)OpenSignal對(duì)超過(guò)五十萬(wàn)臺(tái)Android設(shè)備中，名為Gingerbread（姜餅2.3 x）的版本依然占據(jù)著最大市場(chǎng)份額（34.1%）。

Android SDK是操作系統(tǒng)特定的，這為Android開(kāi)發(fā)人員營(yíng)造了挑戰(zhàn)。也就是說(shuō)，如果你用4.0 SDK（冰淇淋三明治）開(kāi)發(fā)app，你的app將不能在2.3（姜餅）上運(yùn)行。這無(wú)疑讓開(kāi)發(fā)人員置身于一個(gè)尷尬境地。一方面，你要用最新最好的SDK，另一方面，你要app得到盡可能多的下載。

有了HTML5，你不用再糾結(jié)于選擇。你可以用強(qiáng)大的它來(lái)構(gòu)建你的app，無(wú)視Android操作系統(tǒng)版本。

龐大的Android設(shè)備隊(duì)伍

在Android設(shè)備運(yùn)行的不同不僅僅是表面上的，任何Android設(shè)備的心臟部分都是CPU由Qualcomm、PowerVR、NVidia、MediaTek、Intel等制造。取決于你的app需要用到哪個(gè)操作系統(tǒng)的特性，原生Android SDK可能不會(huì)兼容什么特別設(shè)備。

HTML5提供APIs來(lái)做很多通常被認(rèn)為是原生操作系統(tǒng)功能的事情。HTML5包含對(duì)于鍵/值存儲(chǔ)、文件系統(tǒng)IO甚至通過(guò)地理定位訪問(wèn)GPS的強(qiáng)大APIs。

要訪問(wèn)原生操作系統(tǒng)功能，沒(méi)有標(biāo)準(zhǔn)的HTL5界面。 Apache Cordova framework提供一個(gè)界面讓你的app在任何設(shè)備上訪問(wèn)原生操作系統(tǒng)資源，諸如攝像機(jī)和加速計(jì)。

各種形狀和大小

Android設(shè)備有著各種尺寸，小至三星的新齒輪智能手表，大至13英寸或更大的平板電腦。更添其復(fù)雜性的是分辨率范圍從240×320跨到2560×1600。

要解決這個(gè)問(wèn)題，你可能得用線形布局或網(wǎng)格視圖。這類(lèi)布局能良好運(yùn)行，如果你想要依據(jù)用戶需求滾動(dòng)到視圖中查看app。

好在HTML5提供一個(gè)更好的途徑來(lái)處理尺寸大小的問(wèn)題——用響應(yīng)設(shè)計(jì)。響應(yīng)設(shè)計(jì)是由CSS Media Queries所增強(qiáng)的簡(jiǎn)單結(jié)構(gòu)的HTML在更大的屏幕利用更多的空間，在更小的屏幕上縮小或消除那些并不重要的元素。

當(dāng)響應(yīng)設(shè)計(jì)正確完成時(shí)，用戶就對(duì)跨平臺(tái)的app有了流暢的體驗(yàn)，即便是重新調(diào)整屏幕，這是在任何操作系統(tǒng)上解決屏幕尺寸/分辨率問(wèn)題的最好辦法。

移植到其它平臺(tái)

Java的愿景是“write once, run any where（只寫(xiě)一次，哪兒都能跑）”。不幸，出于種種原因，不能實(shí)現(xiàn)這個(gè)夢(mèng)。一些交互編譯器可以允許創(chuàng)建針對(duì)Android和iOS的app，但只有HTML5能在移動(dòng)操作系統(tǒng)和互聯(lián)網(wǎng)瀏覽器上運(yùn)行。

在諸如Android、iOS、Windows Phone等移動(dòng)操作系統(tǒng)上，HTML5應(yīng)用通常托管于Apache Cordova （aka PhoneGap）內(nèi)，Apache Cordova充當(dāng)將你的HTML5聯(lián)系到原生操作系統(tǒng)的角色，這包括定義你的app圖標(biāo)、加載屏幕和提供JavaScript來(lái)訪問(wèn)原生操作系統(tǒng)硬件。

HTML5支持跨平臺(tái)，當(dāng)然，還支持網(wǎng)頁(yè)。你第一次用HTML5取代.ASPX或PHP來(lái)開(kāi)啟一個(gè)新項(xiàng)目將需要十足的信仰之外，還要你的app在沒(méi)有服務(wù)器端生成HTML的情況下工作。

開(kāi)啟你的瀏覽器

HTML5應(yīng)用的性能可以無(wú)限接近于原生性能，如果它們是被精心無(wú)誤地制作處理的。

HTML5應(yīng)用絕對(duì)需要被安裝到設(shè)備上。通過(guò)將Apache Cordova或嵌入的WebView指向一個(gè)托管于互聯(lián)網(wǎng)的網(wǎng)頁(yè)來(lái)構(gòu)建的app只能提供可憐的用戶體驗(yàn)。如果你的app每次都需要用戶通過(guò)點(diǎn)擊一些東西來(lái)下載用戶界面，這是不可能滿足他們“即時(shí)響應(yīng)”的期望的。為獲得接近于原生的速度，你所有的HTML5、JavaScript和CSS都必須安裝在本地設(shè)備上，從而使它能夠在用戶點(diǎn)擊后就運(yùn)行。

大多數(shù)移動(dòng)app從互聯(lián)網(wǎng)服務(wù)器上加載和保存數(shù)據(jù)。為了保持你的app以最快的速度響應(yīng)，你將要在本地存儲(chǔ)一個(gè)緩存數(shù)據(jù)并異步刷新你的數(shù)據(jù)。這將允許你的app在異步更新時(shí)，立即渲染其UI。

HTML的復(fù)雜性使得關(guān)于渲染你的用戶界面需要多少CPU cycles有了很大不同，最好是保持你的HTML盡可能地結(jié)構(gòu)簡(jiǎn)單化，帶有盡可能少的嵌套級(jí)別標(biāo)簽。舉個(gè)例子說(shuō)，深度嵌套的HTML表格，是出了名地衰！

結(jié)論

HTML5允許你寫(xiě)一次應(yīng)用程序并快速部署它到幾乎現(xiàn)有的每個(gè)操作系統(tǒng)。它即時(shí)響應(yīng)的能力很適合現(xiàn)在數(shù)不勝數(shù)的安卓設(shè)備屏幕尺寸。憑借大量可用的工具，諸如 Intel XDK new IDE，你可以在Android使用HTML開(kāi)放式架構(gòu)、CSS和JavaScript上提供一種美妙的體驗(yàn)。