移動(dòng)Web應(yīng)用開發(fā)的現(xiàn)狀與未來
Web前端的起源
Web應(yīng)用誕生：隨著GMail、Google Map等優(yōu)秀Web應(yīng)用出現(xiàn)，Ajax在2004年之后一度成為熱門話題。經(jīng)過幾年的發(fā)展，一批以Prototype、Dojo、Ext為首的Ajax+UI的瀏覽器兼容框架不斷出現(xiàn)。UI和Web中間新增了一層以Javascript為核心，專門處理數(shù)據(jù)傳輸、Web交互等內(nèi)容的開發(fā)層，Web前端。Web前端伴隨Web應(yīng)用而誕生，并逐步走來。
Web宿主之爭：隨著RESTful Web Service潮流的發(fā)展，后臺(tái)服務(wù)也迅速實(shí)現(xiàn)了數(shù)據(jù)云端化，接口API化。但受IE壟斷和發(fā)展緩慢的影響，Web前端始終走不出瀏覽器能力不足和兼容性問題突出的困局。開發(fā)維護(hù)瀏覽器插件、Flash控件等更是無奈的選擇。Web前端往往因?yàn)樾枰嫒軮E6、IE7、FF、有無插件、有無Flash等情況付出巨大開發(fā)代價(jià)。2006年，John Resig的jQuery框架從某個(gè)意義上解決了這個(gè)問題。我認(rèn)為最大的突破在于讓老舊瀏覽器適配新的Web標(biāo)準(zhǔn)，滿足了開發(fā)者開發(fā)高效而兼容老舊瀏覽器的需要。
Web標(biāo)準(zhǔn)化之路：Google在2008年推出了Webkit核心的瀏覽器Chrome(后來也發(fā)布了ChromeOS)。隨著FireFox，Chrome，Safari，Opera等瀏覽器開始對(duì)HTML5和CSS3的深入支持以及性能的不斷優(yōu)化，IE市場占有率的持續(xù)下滑。Web標(biāo)準(zhǔn)化終于等到了一個(gè)發(fā)展機(jī)遇。2010年，HTML5和CSS3被Webkit核心的Chrome、Safari絢麗地實(shí)現(xiàn)后，IE9也表示全面支持HTML5后。Web標(biāo)準(zhǔn)進(jìn)入一個(gè)高速發(fā)展階段。隨后，瀏覽器GPU加速也瀏覽器廠商們所接受。在Web標(biāo)準(zhǔn)化、離線化、硬件化的浪潮中，Web應(yīng)用逐漸具備了替代桌面應(yīng)用條件和能力。Web前端開發(fā)也在逐步取代桌面應(yīng)用客戶端開發(fā)。
移動(dòng)Web應(yīng)用背景
非智能機(jī)時(shí)代：Java和WAP是取代短信SP后的第一種移動(dòng)互聯(lián)網(wǎng)實(shí)現(xiàn)方式。這個(gè)年代雖然荒蠻，但很純真。
前智能機(jī)時(shí)代：HP把一臺(tái)WinPPC的PAD增加電話功能，做成第一臺(tái)智能手機(jī)時(shí)。Windows Mobile和S60是這個(gè)時(shí)代的主角?；谑謾C(jī)系統(tǒng)的客戶端應(yīng)用就是移動(dòng)互聯(lián)網(wǎng)應(yīng)用的最好形式。但是隨著系統(tǒng)版本的不斷升級(jí)，設(shè)備的差異不斷增大。手機(jī)客戶端應(yīng)用開發(fā)同樣面臨著與Web前端開發(fā)一樣的兼容性開發(fā)效率和維護(hù)成本問題。
后智能機(jī)時(shí)代：隨著iPhone和Android(HTC、摩托羅拉、三星等)手機(jī)等的熱賣，兩個(gè)電子市場生態(tài)鏈逐步形成。再加上最近諾基亞和微軟和合作，電子市場生態(tài)鏈之爭拉開帷幕?？蛻舳藨?yīng)用成為了電子市場生態(tài)鏈的主角。不過隨著三方系統(tǒng)的競爭升級(jí)，也伴隨瀏覽器的不斷優(yōu)化。先不論WP7，iPhone和Android陣營的瀏覽器都是webkit核心的，差異只在于硬件加速能力和設(shè)備資源的差異。這恰好也是移動(dòng)Web應(yīng)用的發(fā)展機(jī)遇。
移動(dòng)Web應(yīng)用開發(fā)
需求：
互聯(lián)網(wǎng)是個(gè)產(chǎn)品線豐富的產(chǎn)業(yè)，但不可能對(duì)所有產(chǎn)品都投入巨大開發(fā)成本。WAP能滿足基本使用需求，而客戶端應(yīng)用滿足主線產(chǎn)品的高端需求。還有一大片中高端需求無法很好滿足。遺憾的是，限于開發(fā)成本，用戶沒有與其高端設(shè)備相匹配的非主線產(chǎn)品客戶端可用。
開發(fā)成本無法避免，但可以擇優(yōu)。我們可以通過移動(dòng)Web應(yīng)用的方式來次優(yōu)替代非主線產(chǎn)品客戶端。這也是廉價(jià)的移動(dòng)應(yīng)用實(shí)現(xiàn)方式。
現(xiàn)狀：
目前iOS和Android系統(tǒng)的瀏覽器都是webkit核心的，我們可以開發(fā)移動(dòng)Web應(yīng)用來滿足這塊需求。iOS支持硬件加速，Android系統(tǒng)也能滿足基本W(wǎng)ebkit的API功能，適宜通過區(qū)分iOS來提供差異化服務(wù)。iOS的Mobile Safari有足夠能力提供webkitTransForm(圖形變換，3D變換支持硬件加速)、webkitTransition(CSS3動(dòng)畫)、SQLite、LocalStorage(離線存儲(chǔ))、 WebSocket(iOS 4.2+)服務(wù)。至于Android，因?yàn)樾枰嫒輩⒉畹牡投嗽O(shè)備，還是不建議使用復(fù)雜圖形變換和CSS3動(dòng)畫，其它能力可以通過判斷能否支持來選擇使用。另外多點(diǎn)觸摸、重力感應(yīng)、地理位置還是根據(jù)能否支持和需要來使用，主要用于優(yōu)化用戶體驗(yàn)，不影響基本交互方式。
未來：
移動(dòng)Web應(yīng)用的起點(diǎn)比PC Web應(yīng)用的高，但適用范圍較窄。但移動(dòng)Web應(yīng)用將成為Web應(yīng)用的一種延伸，從開發(fā)角度來看，應(yīng)該是殊途同歸的。
小結(jié)
JavaScript的角色從誕生起的頁面粘合劑轉(zhuǎn)變成今天的Web應(yīng)用開發(fā)語言，一路走來經(jīng)過很多波折。有人喜歡他，有人討厭他，在崇拜和謾罵中成長過來。將來的路還很長，但迷霧已散去，前途是光明的。當(dāng)中有無數(shù)人的付出汗水，也成就了少數(shù)應(yīng)用的輝煌。不過他仍然是一個(gè)工具，為開發(fā)者服務(wù)，需要人們一起來優(yōu)化他，使用他。
原文鏈接：http://www.cnblogs.com/gzterrytan/archive/2011/02/18/1957398.html
【編輯推薦】
