常用四種HTML5移動(dòng)應(yīng)用框架的比較

對(duì)于Mobile Web來(lái)說(shuō)，現(xiàn)在是快速成長(zhǎng)時(shí)代。由于采用了HTML5和CSS3技術(shù)，移動(dòng)瀏覽器的性能加強(qiáng)了許多，同時(shí)，移動(dòng)app的框架也擴(kuò)展了，這意味著為移動(dòng)設(shè) 備創(chuàng)建豐富的互動(dòng)的web體驗(yàn)的可行性又提升了。采用諸如PhoneGap這樣的封裝軟件，您就可以使用native app Store以及單個(gè)代碼庫(kù)，就可以分布式部署iPhone，iPad和Android等不同的目標(biāo)平臺(tái)了。

對(duì)于Mobile Web的開(kāi)發(fā)人員來(lái)說(shuō)，切換框架代價(jià)很高：因?yàn)閯?dòng)畫(huà)的轉(zhuǎn)換，工具欄，按鈕，列表的顯示，以及線下存儲(chǔ)等都很麻煩。因?yàn)榇蟛糠稚鲜龉δ芏际切录夹g(shù)，以及這些 領(lǐng)域的技術(shù)還在迅速地改變。作者玩轉(zhuǎn)了許多Mobile Web的框架并且對(duì)它們進(jìn)行了分析比較，下面將為您講解他的研究發(fā)現(xiàn)。

jQTouch

jQTouch易用性強(qiáng)，相關(guān)文檔也很全面。它的特色是在 使用HTML,CSS和JavaScript創(chuàng)建iPhone App方面擁有出色的能力。jQTouch使用漸進(jìn)增強(qiáng)的方案，在您相應(yīng)的HTML頂層來(lái)實(shí)現(xiàn)像iPhone那樣的用戶體驗(yàn)。它簡(jiǎn)單易用，提供了一個(gè)基礎(chǔ)的小工具集以及動(dòng)畫(huà)方案，開(kāi)發(fā)人員只需要編程控制其動(dòng)態(tài)行為即可。

不過(guò)在作者的簡(jiǎn)單測(cè)試中發(fā)現(xiàn)app的性能存在一定的問(wèn)題，頁(yè)面在轉(zhuǎn)換時(shí)可能出現(xiàn)跳轉(zhuǎn)或者缺失的情況，以及在響應(yīng)tap事件的時(shí)候還有周期性延遲。該項(xiàng)目在技術(shù)上還活躍著，不過(guò)原作者的進(jìn)展和部署都顯得太慢了。

只需要遵守MIT的license許可就可以使用jQTouch了，MIT lic是作者最喜歡的開(kāi)源許可之一。

jQueryMobile

jQuery Mobile是這個(gè)領(lǐng)域的新丁，2010年8月才正式宣布成立，但是已經(jīng)迅速進(jìn)展到功能豐富的阿爾法2測(cè)試版本了。jQuery Mobile跟jQTouch相比很相似，但是更加標(biāo)準(zhǔn)，更有適應(yīng)性，感覺(jué)很像jQTouch的后繼版本，對(duì)用戶接口和style的支持范圍更加寬廣了。

jQuery Mobile的性能是不穩(wěn)定的，（雖然比jQTouch好一些）特別是在響應(yīng)TAP事件的動(dòng)畫(huà)延遲補(bǔ)償?shù)臅r(shí)候。此外，還缺少一些關(guān)鍵的程序hook，所以 不能輕松地讓app更加具有動(dòng)態(tài)性能。例如：當(dāng)一個(gè)頁(yè)面啟動(dòng)的時(shí)候事件觸發(fā)了，這時(shí)候卻無(wú)法通知響應(yīng)的代碼頁(yè)面將轉(zhuǎn)向哪個(gè)用戶接口，也不能傳遞附加的信息 給處理模塊。針對(duì)上述問(wèn)題，創(chuàng)建工作區(qū)來(lái)解決還是可行的，但是在這里作者希望其將來(lái)的版本能從jQTouch那里學(xué)習(xí)一下，并把現(xiàn)在的功能缺陷處理掉。

jQuery Mobile的相關(guān)文檔資料很零散但是有所改進(jìn)，作者很希望它們能變得像核心jQuery庫(kù)那樣具有魯棒性。（請(qǐng)注意，jQuery Mobile是和jQuery UI相輔相成的，并不是建在單純jQuery之上的）

想獲得jQuery Mobile只需獲得MIT或者GPL2 license。

Sencha Touch

這是個(gè)與Ext JS框架完全不同的產(chǎn)物，其方案與jQTouch/jQuery完全不同：Sencha生成自己的DOM（基于用JavaScript創(chuàng)建的對(duì)象）代替了 先前存在的HTML增強(qiáng)方式。如此，使用Sencha工作的感覺(jué)不像是web編程，而更像是使用Java或者Flex等技術(shù)來(lái)做app的樣子。比起 jQuery來(lái)，Sencha的感覺(jué)更像是YUI。作者個(gè)人比較偏好漸進(jìn)增強(qiáng)的方案，盡管其性能還真有些不盡人意的地方。

sencha跟其競(jìng)爭(zhēng)對(duì)手們相比，擴(kuò)展性強(qiáng)了很多：它擁有大量的用戶接口組件，直接的iPad支持，擁有JSON和HTML5線下存儲(chǔ)技術(shù)使得存儲(chǔ) 和數(shù)據(jù)綁定更加方便。（使用Sencha的數(shù)據(jù)結(jié)構(gòu)來(lái)操作app的數(shù)據(jù)十分酷~它可以實(shí)時(shí)響應(yīng)列表的更新）此外，Sencha還是唯一在工具欄上支持內(nèi)嵌 的對(duì)象支持，其他方式都是滾輪列表的樣子。

在作者的測(cè)試程序中，使用Sencha與jQTouch/jQuery相比，雖然app很明顯地不那么輕量級(jí)，但是其性能和可靠性方面明顯提高了，不過(guò)其初始化加載時(shí)間略慢。

當(dāng)您使用庫(kù)library或者框架frame進(jìn)行開(kāi)發(fā)的時(shí)候，不遵守框架或者用你自己的方式通常都不會(huì)獲得成功。但Sencha的支持范圍足夠?qū)?廣，這意味著您可以使用Sencha的開(kāi)發(fā)方式來(lái)實(shí)現(xiàn)任何需求。作者最開(kāi)始用的是WebKit的內(nèi)嵌SQLite數(shù)據(jù)庫(kù)來(lái)做線下存儲(chǔ)，但是最終還是因?yàn)槠?復(fù)雜性和各種bug問(wèn)題的煩惱而放棄了，轉(zhuǎn)而使用了Sencha數(shù)據(jù)存儲(chǔ)的功能。

在文檔方面，Sencha做的不太好，雖然很廣泛，但是又有很多舊版本的老漏洞沒(méi)有及時(shí)更新，作者就在這些框架中與bug作斗爭(zhēng)，調(diào)試過(guò)程浪費(fèi)了很 多時(shí)間，因?yàn)槲臋n不夠健全，很多問(wèn)題難以追蹤或理解。而在開(kāi)發(fā)者論壇響應(yīng)作者提問(wèn)的頻率還算較高，不過(guò)最終感覺(jué)還是不太夠。Sencha提供的付費(fèi)技術(shù)支 持起價(jià)是$300每年，作者很強(qiáng)烈地打算付費(fèi)了，但是Sencha的回應(yīng)是很好奇地打聽(tīng)為啥這么急著給他們送錢(qián)，真搞不懂。

獲取Sencha需要遵守GPL3 license，以及在某種不是GPL標(biāo)準(zhǔn)又很相似LGPL的授權(quán)下也能用，以及遵循非商業(yè)license也可以獲得。

TitaniumMobile

與Sencha Touch很相似，Appcelerator公司的Titanium Mobile可以讓您使用Javascript API來(lái)編寫(xiě)app。不過(guò)與Sencha不同的是，Titanium把你的代碼編譯成Native的iPhone或Android app，這意味著它并不是一個(gè)真正的Web框架，而是一個(gè)兼容層或者編譯器。（請(qǐng)注意Titanium Mobile的近親Titanium Desktop是一個(gè)基于web的，讓您可以使用HTML /js來(lái)編寫(xiě)桌面封裝的本地應(yīng)用的一款軟件）

這么說(shuō)來(lái)Titanium允許web開(kāi)發(fā)人員使用JavaScript和一點(diǎn)點(diǎn)XML之類(lèi)的其他相關(guān)技術(shù)，可以實(shí)現(xiàn)高性能、更換皮膚很方便的 Native App，而不需要額外去學(xué)習(xí)Objective-C或者Cocoa Touch等技術(shù)了。作者的簡(jiǎn)單測(cè)試表明其性能不錯(cuò)，吹散了框架方面的疑云，而且整合起來(lái)也不是太難。

不過(guò)這個(gè)優(yōu)點(diǎn)也是其致命的缺點(diǎn)，您只能作出Titanium所支持的平臺(tái)上面的應(yīng)用，你被它們的開(kāi)發(fā)工具限制住了。作者想證明這一點(diǎn)只需要換一個(gè)不 是iPhone的平臺(tái)上來(lái)跑一下就知道了。同時(shí)，Titanium的調(diào)試器也不怎么樣，不能使用XCode方式運(yùn)行或者調(diào)試，就算在其仿真器上面程序跑的 還算不錯(cuò)，還是需要作者自己去實(shí)際機(jī)器上自己再找問(wèn)題。

分析

作者在這4個(gè)框架上面挑選了3種并編造了自己的app來(lái)試一試，過(guò)程雖然很冗繁，但是收獲也頗豐。作者很喜歡jQTouch，但是不太相信它會(huì)在現(xiàn) 有版本上再前進(jìn)多少了。對(duì)于jQuery Mobile，很贊賞其簡(jiǎn)單易用性以及其以web為中心的開(kāi)發(fā)方法，不過(guò)它的缺點(diǎn)是缺少核心特色，跟Sencha比性能差很多。

用一個(gè)阿爾法2版本的產(chǎn)品來(lái)跟一個(gè)1.0版本的正式版相比或許有失公平，但是在用戶具有很強(qiáng)烈的剛性用戶需求時(shí)就必須做出選擇了，于是作者選擇了 Sencha Touch。作者最初被其強(qiáng)大的性能和寬廣的支持程度所吸引，最終更喜歡其開(kāi)發(fā)風(fēng)格。隨著開(kāi)發(fā)的深入，其文檔的漏洞讓作者十分沮喪，但是其廣泛的支持程度 依舊吸引著作者，漸漸適應(yīng)了其開(kāi)發(fā)風(fēng)格。如果他們?cè)敢饣貜?fù)郵件的話，作者很有意向付費(fèi)以獲取技術(shù)支持。不過(guò)現(xiàn)在，Pints的發(fā)布已經(jīng)是一個(gè)基于 Sencha的app了。

結(jié)論

作者還沒(méi)有回答最大的問(wèn)題呢：一個(gè)基于web的app在沒(méi)有本地app的情況下能否hold住局面？如果可以的話，實(shí)現(xiàn)這樣的技術(shù)是否值得舍棄原來(lái)那種單一代碼庫(kù)方式所帶來(lái)的代價(jià)呢？

鑒于兩星期以來(lái)Pints的實(shí)際應(yīng)用，作者傾向于說(shuō)不。Pints在性能和bug方面陷入僵局，平均每隔10-15秒頁(yè)面就亂跳，在滾動(dòng)頁(yè)面的時(shí)候容易亂跳，動(dòng)畫(huà)效果也不是很連貫。

服務(wù)器租用/服務(wù)器托管中國(guó)五強(qiáng)！虛擬主機(jī)域名注冊(cè)頂級(jí)提供商！15年品質(zhì)保障！--億恩科技[ENKJ.COM]