移動web的開發(fā)常常給開發(fā)者提出一些艱難的選擇。開發(fā)的應(yīng)用究竟是針對iPhone市場還是針對Android用戶？到底是寫一個(gè)native app還是開發(fā)一個(gè)Web移動應(yīng)用？開發(fā)一個(gè)能夠在所有設(shè)備上兼容的應(yīng)用是所有程序員的夢想，但是各種設(shè)備的差異性打破了大家的這個(gè)夢。

隨著這種需求的日益增長，越來越多的開發(fā)者開始關(guān)注移動開發(fā)工具和開發(fā)庫的開發(fā)了，他們試圖幫助移動開發(fā)者掃平實(shí)現(xiàn)夢想的障礙。

雖然這套工具的開發(fā)目前尚不成熟，但是HTML5的出現(xiàn)讓大家看到了移動Web開發(fā)的光明前景，它讓用戶擺脫了對native軟件的依賴。

首先，web是完全開放的，它不用受到App Store的協(xié)議限制。

其次，程序開發(fā)人員能夠獲得100%的收益。當(dāng)然，這也意味著必須找到一種新的獲得收益的方式，這一點(diǎn)并不簡單。但是，一旦找到了合適的方法，程序員就不用再將自己30%的收益拱手讓給Apple了。

第三，HTML5變得越來越強(qiáng)大了，功能也變得更加豐富了。最新的HTML5版本已經(jīng)能夠支持客戶端在本地保存數(shù)據(jù)了，目前基本能夠替代native app的功能。換句話說，瀏覽器已經(jīng)基本能夠取代native apps的地位了。

第四點(diǎn)，HTML5 apps不與具體設(shè)備綁定。雖然目前大部分的宣傳還是圍繞著Apple的iPhone，但是HTML5 apps是比較容易遷移到其他平臺上的。雖然可能還沒簡單到按下一個(gè)按鈕就完成平臺的遷移，但是起碼和Objective C轉(zhuǎn)換為Java的工作比起來，還是簡單許多的。

當(dāng)然，HTML5也不是萬能的。Web apps最大的缺陷就是對網(wǎng)絡(luò)連接的依賴。它確實(shí)不如native apps響應(yīng)及時(shí)，而native app的開發(fā)者常常在討論微秒級的延遲是否會影響用戶的體驗(yàn)。游戲開發(fā)者在使用JavaScript編程前需要再三權(quán)衡一下。

目前最大的限制可能就是工具本身的開發(fā)。Apple的開發(fā)工具能夠看到native apps的結(jié)構(gòu)，而移動瀏覽器卻很難深入了解上面運(yùn)行的應(yīng)用程序的代碼結(jié)構(gòu)?，F(xiàn)在已經(jīng)有一些開發(fā)工具和開發(fā)庫來幫助程序員簡化web開發(fā)的難度。下面介紹一些移動web開發(fā)中著名的相關(guān)項(xiàng)目。

移動web開發(fā)工具：ChocolateChip-UI（下載）

由于移動設(shè)備上的屏幕通常都比較小，因此為移動設(shè)備設(shè)計(jì)一個(gè)有效的UI顯得尤為重要。Enter Robert Biggs是一個(gè)來自Northern California的Web程序員，他開發(fā)的ChocolateChip-UI成為使用HTML開發(fā)移動界面的優(yōu)秀示例。

開發(fā)中使用的WAML（Web Application Markup Language）是基于HTML5封裝的編程語言。使用WAML提供的標(biāo)簽（如<slider>或是<stack>）能夠極大地簡化開發(fā)者的工作。可以在JavaScript中使用WAML并在支持HTML5的智能手機(jī)上運(yùn)行。

程序員可以將HTML、CSS、JavaScript和WAML組合起來，只需指定好ChocolateChip-UI的翻譯進(jìn)程即可。

雖然這種做法并不完美，但這已經(jīng)足夠好用了。我之前曾用過其他的移動開發(fā)工具，他們都不能很好地封裝在JavaScript中。

ChocolateChip-UI已經(jīng)基本將所有的WAML提供的組件都封裝好了，效果幾乎與標(biāo)準(zhǔn)的iPhone UI相當(dāng)。它甚至還包括了一個(gè)額外的刪除列表，用戶通過點(diǎn)擊鼠標(biāo)就能將組件從UI上刪除。

移動Web開發(fā)工具：Mobl（下載）

JavaScript使用起來不算太簡單，而Mobl就是用來簡化JavaScript的開發(fā)的。Mobl是專門用于Webkit瀏覽器上應(yīng)用開發(fā)的框架。它不使用HTML、JavaScript或是CSS編寫程序，而是直接使用Mobl編程，然后通過Mobl編譯器將它轉(zhuǎn)換為適合在移動瀏覽器上運(yùn)行的HTML、JavaScript和CSS語言。

Mobl開發(fā)者使用這種方法彌補(bǔ)了JavaScript的不足。例如，它解決了延遲執(zhí)行的函數(shù)傳遞問題；跟蹤括號的配對問題（程序員對JavaScript的這一缺陷常常感到頭痛，并且容易導(dǎo)致錯(cuò)誤產(chǎn)生）。

Mobl通過使用大量的申明降低了程序的復(fù)雜度。如果你想傳遞1,000毫秒，你可以寫：

sleep(1000); doNext();

Mobl將這條語句翻譯成JavaScript，通過setTime函數(shù)執(zhí)行時(shí)間傳遞，通過回調(diào)函數(shù)執(zhí)行doNext（）語句。程序員無需考慮回調(diào)函數(shù)的語法以及函數(shù)的封裝方法，只要將希望發(fā)生的事情列舉出來就可以了。

Mobl提供了幾十種方法幫助程序員編寫指令，并且不需要考慮這些指令是如何轉(zhuǎn)換成JavaScript的。如果你想要編寫一個(gè)下拉菜單，這很簡單，只需要將菜單中的選項(xiàng)用關(guān)鍵字表示出即可。

對于已經(jīng)熟悉了Objective-C或是JavaScript的程序員來說，可能覺得Mobl沒有太大意義。畢竟，他們能夠用自己熟悉的語言編寫很好的程序，又何必去學(xué)習(xí)一種新的語言來完成同樣的工作呢？但是，對于編程語言的熱愛者來說，他們能在Mobl上發(fā)現(xiàn)許多好的、有意思的想法，而Mobl確實(shí)可以簡化他們的開發(fā)工作。

(未完待續(xù))

文章來源：13 essential programming tools for the mobile Web

譯文來源：http://www.webapptrend.com/ WebAppTrend是一個(gè)獨(dú)立的技術(shù)博客，關(guān)注Web App前瞻和實(shí)踐，以及智能瀏覽器發(fā)展
請大家在關(guān)注CSDN的同時(shí)，關(guān)注我們的新浪微博 @WebAppTrend，歡迎加入我們的QQ群：193775364