張居彥

摘 要 該文針對(duì)目前比較流行的HTML5移動(dòng)應(yīng)用框架進(jìn)行了闡述，分別介紹了PhoneGap、Sencha Touch、jQuery Mobile、Titanium Mobile等四種常用的框架特點(diǎn)及運(yùn)用。

關(guān)鍵詞 HTML5 移動(dòng)應(yīng)用框架 PhoneGap 跨平臺(tái)

中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A

目前，隨著Google的Android手機(jī)和蘋果的iphone手機(jī)的逐漸普及，越來(lái)越多開發(fā)者加入到移動(dòng)應(yīng)用開發(fā)的大軍當(dāng)中。其中，Android應(yīng)用是基于Java語(yǔ)言基礎(chǔ)上進(jìn)行開發(fā)的，而蘋果公司的iphone則是基于C語(yǔ)言開發(fā)的。它們幾乎無(wú)法融合，就算是都采用 Java 接口的 Android 和 BlackBerry，它們的 API 接口也不一樣，如果想開發(fā)一套原生的應(yīng)用，必須在每個(gè)平臺(tái)調(diào)用各自的原生 API。

為了解決上述問題，跨平臺(tái)的移動(dòng)應(yīng)用開發(fā)技術(shù)逐漸地引起了開發(fā)者的關(guān)注。隨著人們對(duì)跨平臺(tái)應(yīng)用開發(fā)研究的不斷深入，當(dāng)前市場(chǎng)上已出現(xiàn)了若干致力于跨平臺(tái)開發(fā)的產(chǎn)品級(jí)框架。為了更好地了解當(dāng)前的跨平臺(tái)開發(fā)框架技術(shù)，本文介紹當(dāng)下發(fā)展較為成熟的四款開發(fā)框架：

1 PhoneGap

PhoneGap是一款開源的手機(jī)應(yīng)用開發(fā)平臺(tái)，它僅僅只用HTML和JavaScript語(yǔ)言就可以制作出能在多個(gè)移動(dòng)設(shè)備上運(yùn)行的應(yīng)用。PhoneGap將移動(dòng)設(shè)備本身提供的復(fù)雜的API進(jìn)行了抽象和簡(jiǎn)化，提供了一系列豐富的API供開發(fā)者調(diào)用，只要你會(huì)HTML和Javascript或者Java語(yǔ)言，就可以利用PhoneGap提供的API去調(diào)用各種功能，PhoneGap就能讓你可以制作出在各種手機(jī)平臺(tái)上運(yùn)行的應(yīng)用，這對(duì)移動(dòng)應(yīng)用開發(fā)者來(lái)說(shuō)無(wú)疑是個(gè)福音。目前，PhoneGap已實(shí)現(xiàn)對(duì)iPhone/ipad、Android、Symbian、Palm、黑莓各版本絕大部分功能的支持。

PhoneGap可以將基于標(biāo)準(zhǔn) HTML、CSS和Javascript 打造的頁(yè)面視圖封裝為本地客戶端應(yīng)用，目前支持多種移動(dòng)平臺(tái)。在數(shù)據(jù)資源傳輸方面，可以采用普通 WebApp 所使用的 Ajax等方式。PhoneGap 在頁(yè)面視圖與本地應(yīng)用之間提供了一個(gè)橋梁，允許開發(fā)者通過(guò) JavaScript 訪問并使用移動(dòng)設(shè)備的硬件功能，比如攝像頭、聯(lián)系人信息、麥克風(fēng)等；這是單純依靠移動(dòng)瀏覽器運(yùn)行的 WebApp 類應(yīng)用所無(wú)法實(shí)現(xiàn)的。

2 Titanium

Appcelerator公司的Titanium Mobile可以讓您使用Javascript API來(lái)編寫app。不過(guò)Titanium把你的代碼編譯成Native的iPhone或Android app，這意味著它并不是一個(gè)真正的Web框架，而是一個(gè)兼容層或者編譯器。

Titanium允許web開發(fā)人員使用JavaScript和一點(diǎn)點(diǎn)XML之類的其他相關(guān)技術(shù)，可以實(shí)現(xiàn)高性能、更換皮膚很方便的Native App，而不需要額外去學(xué)習(xí)Objective C或者Cocoa Touch等技術(shù)了。

Titanium Mobile 可以直接將 JavaScript 編譯為ios 或 Android 平臺(tái)的本地應(yīng)用代碼。開發(fā)者們經(jīng)常將它與 PhoneGap 做比較，其實(shí)它們的機(jī)制是截然不同的。在 Titanium 中，開發(fā)者需要按照它規(guī)定的語(yǔ)法書寫應(yīng)用代碼，而無(wú)法使用原生 Javascript。對(duì)于資深Javascript 開發(fā)者來(lái)說(shuō)，這種方式不會(huì)帶來(lái)很大困難，而新手則需要學(xué)習(xí)和適應(yīng)。由于沒有標(biāo)準(zhǔn)的 Javascript 支持，造成開發(fā)基于 Titanium Mobile 的移動(dòng)應(yīng)用，需要額外的學(xué)習(xí)新的腳本。

3 Sencha Touch

Sencha，翻譯意為“煎茶”，是指一種在日本很流行的綠茶品種，在Java開發(fā)的傳統(tǒng)中，它代表了軟件開發(fā)的一個(gè)新的水平階段。目前Sencha Touch已經(jīng)成為構(gòu)建移動(dòng)HTML5應(yīng)用的領(lǐng)先框架。Sencha Touch是一個(gè)基于HTML5的移動(dòng)應(yīng)用開發(fā)框架，其前身是Ext。使用Sencha Touch，開發(fā)者可以構(gòu)建在iPhone、Android和BlackBerry touch等設(shè)備上運(yùn)行的移動(dòng)web應(yīng)用，其效果看起來(lái)如同本地應(yīng)用。Sencha Touch是專門為移動(dòng)設(shè)備開發(fā)應(yīng)用的Javascript框架，全面兼容Android和Apple ios。用戶界面組件及數(shù)據(jù)管理全部基于HTML5和CSS3，通過(guò)Sencha Touch你可以創(chuàng)建非常像native app的web app。Sencha是目前為止所發(fā)現(xiàn)的最強(qiáng)大的應(yīng)用于移動(dòng)平臺(tái)的框架。它將自己定位為框架不是類庫(kù)，也充分說(shuō)明了這一點(diǎn)。隨著它的出現(xiàn)，移動(dòng)平臺(tái)的移動(dòng)應(yīng)用用戶體驗(yàn)設(shè)計(jì)會(huì)得到提升，對(duì)HTML5、CSS3在移動(dòng)平臺(tái)上的運(yùn)用及推廣也起到一定的作用，甚至是推進(jìn)作用。HTML5技術(shù)雖然還在發(fā)展與完善當(dāng)中，但未來(lái)的移動(dòng)平臺(tái)的應(yīng)用，將會(huì)將其納入其中，Native App會(huì)慢慢淡出人們的視線，甚至是終結(jié)。該框架最大的特色就像它的名字一樣，增強(qiáng)了對(duì)手持移動(dòng)設(shè)備觸控操作的強(qiáng)力支持，除了支持瀏覽器標(biāo)準(zhǔn)的觸摸事件，還額外添加了如tap， double tap， swipe， tap-hold， pinch 和rotate 等富有吸引力的操作事件，使用戶體驗(yàn)到與原生程序一樣的效果。

4 jQuery Mobile

jQuery一直以來(lái)都是為桌面瀏覽器設(shè)計(jì)的，是非常流行的富客戶端及Web應(yīng)用程序開發(fā)中使用的JavaScript類庫(kù)，沒有特別為移動(dòng)應(yīng)用程序設(shè)計(jì)。jQuery Mobile是一個(gè)新的項(xiàng)目用來(lái)填補(bǔ)在移動(dòng)設(shè)備應(yīng)用上的缺憾。它在jQuery框架的基礎(chǔ)上，提供了一定范圍的用戶接口和特性，開發(fā)人員可以在移動(dòng)應(yīng)用上使用。使用該框架可以節(jié)省大量的js代碼開發(fā)時(shí)間。

jQuery Mobile 是jQuery 在手機(jī)上和平板設(shè)備上的版本。jQuery Mobile 不僅會(huì)給主流移動(dòng)平臺(tái)帶來(lái)jQuery核心庫(kù)，而且擁有完整統(tǒng)一的jQuery移動(dòng)UI框架。支持全球主流的移動(dòng)平臺(tái)。JQuery mobile構(gòu)建于JQuery以及JQuery UI類庫(kù)之上，為前端開發(fā)人員提供了一個(gè)兼容所有主流移動(dòng)設(shè)備平臺(tái)的統(tǒng)一UI接口系統(tǒng)。擁有出色伸縮性，輕量化以及漸進(jìn)增強(qiáng)特性與可訪問性。JQuery mobile針對(duì)的是所有的觸摸屏幕設(shè)備與平板電腦。它為移動(dòng)Web網(wǎng)站的構(gòu)建提供了一系列布局工具，如工具欄、導(dǎo)航，及UI組件，如列表和標(biāo)簽組件等，內(nèi)置了6套不同樣式的CSS主題框架，可以組合應(yīng)用于移動(dòng)web。

jQuery Mobile可以輕松地幫助我們實(shí)現(xiàn)非常好看的，可跨設(shè)備的Web應(yīng)用程序，jQuery Mobile開發(fā)的Web應(yīng)用像Native App，其中包含了Web應(yīng)用中的各種常用部件，如對(duì)話框、表單、列表、按鈕、工具條等，jQuery Mobile使用Ajax加載頁(yè)面，實(shí)現(xiàn)炫麗的頁(yè)面切換效果

5 總結(jié)

跨平臺(tái)的移動(dòng)應(yīng)用開發(fā)框架均著眼于解決不同平臺(tái)之間應(yīng)用開發(fā)的兼容性問題，因而討論某一框架的優(yōu)劣，不應(yīng)拿諸如使用該框架 是否能開發(fā)出 3D 游戲這樣的標(biāo)準(zhǔn)來(lái)對(duì)其進(jìn)行考量。通過(guò)上文的比較，筆者認(rèn)為開源框架 PhoneGap 的優(yōu)勢(shì)更為均衡，具有更好的發(fā)展前景。

參考文獻(xiàn)

[1] phonegap.http：//www.phonegap.cn，2011.

[2] Peter Lubbers（李杰）. HTML5 高級(jí)程序設(shè)計(jì).北京：人民郵電出版社，2010，5-15.

[3] GiulioBai.JQuery Mobile First Look.UK：Packt Publishing，2011，9-16.

[4] Jon Reid.JqueryMobile.USA：O'Reilly Media，2011，9-22.