在過去大約一個月的時間里，我一直在使用JQuery Mobile為一個健身培訓(xùn)網(wǎng)站開發(fā)基于HTML5的手機/平板前端應(yīng)用。我之前曾經(jīng)寫過Android和iOS應(yīng)用程序（分別用Java和 Objective-C），因此只要編寫一段基礎(chǔ)代碼就可以在主流平臺上運行并能夠快速地用HTML和JavaScript迭代，這樣的許諾十分誘人。

JQuery Mobile & HTML5

使用HTML5和JavaSript構(gòu)建一個手機應(yīng)用，你需要寫很多JavaScript代碼。然而，帶有觸摸屏的設(shè)備的UI控制和處理與標準的 Web應(yīng)用程序非常不同。因此，你會想要使用現(xiàn)成的手機HTML5/JavaScrip框架（除非你有很多的時間并且打算將所有東西重新構(gòu)建）?，F(xiàn)在有很多現(xiàn)成的框架可供選擇：jQTouch、 Sencha Touch 等等。

我成為JQuery的粉絲已經(jīng)很多年了，尤其欣賞它的至簡哲學(xué)以及出色的核心特性和插件以及社區(qū)的貢獻。正是由于有JQuery，我才能夠接受使用JavaScript開發(fā)。所以，當聽到 Chris McDonough（Pyramid Python Web 框架的作者）發(fā)布JQuery的好消息時，我知道我應(yīng)該去試一試。

JQuery Mobile 和 HTML5 的 3個優(yōu)點

1. 上手迅速并支持快速迭代：在一個星期多一點的時間里，通過閱讀JQuery Mobile文檔以及O’Reilly出版的JQuery Mobile書籍，我完成了一個可以工作的app初步版本。在此之前我沒有HTML5 / JQuery Mobile開發(fā)經(jīng)驗。與Android和iOS相比，使用JQuery Mobile和HTML5構(gòu)建你的UI和邏輯會比在原生系統(tǒng)下構(gòu)建快得多。

譯注：原生系統(tǒng)：原裝的操作系統(tǒng)，例如Android原生系統(tǒng)是Google發(fā)布未經(jīng)修改的系統(tǒng)。在本文中，原生應(yīng)用指直接用系統(tǒng)提供的API開發(fā)的程序，與JQuery Mobile開發(fā)的程序相對應(yīng)。

我發(fā)現(xiàn)Apple的Builder接口的學(xué)習(xí)曲線十分陡峭，同樣學(xué)習(xí)令人費解的Android布局系統(tǒng)也很耗時間。此外，要使用原生代碼將一個 list view連接到遠程的數(shù)據(jù)源并具有漂亮的外觀是十分復(fù)雜的（在Android上是ListView, 在iOS上是UITableView）我能夠通過已經(jīng)掌握的JavaScript和HTML/CSS知識快速地實現(xiàn)同樣的功能，無需學(xué)習(xí)新的 adapter,delegate等等抽象概念，只要編寫JQuery代碼就可以做到。

2.避免麻煩的應(yīng)用商店審批過程以及調(diào)試、構(gòu)建帶來的痛苦：為手機開發(fā)應(yīng)用，尤其是iOS系統(tǒng)的手機，最痛苦的過程莫過于通過Apple應(yīng)用商店的審批。想要讓一個原生應(yīng)用程序發(fā)布給iOS用戶，你需要等待一個相當長的過程（需要好幾天，甚至可能是好幾周）。不僅在第一次發(fā)布程序時要經(jīng)歷磨難，以后的每一次升級也是如此。這使得QA和發(fā)布流程變得復(fù)雜，還會增加額外的時間。由于JQuery Mobile應(yīng)用程序僅僅是一種web應(yīng)用程序，因此它繼承了所有web環(huán)境的優(yōu)點：當用戶加載你的網(wǎng)站時，他們就馬上“升級”到最新的版本?？梢择R上修復(fù)bug和添加新的特性。即使是在Android系統(tǒng)——應(yīng)用市場的要求比起Apple環(huán)境要寬松得多，在用戶不知不覺中完成產(chǎn)品升級也是一件很好的事情。

進一步的好處是，發(fā)布beta或測試版本會更加容易。只要告訴用戶用瀏覽器打開你的網(wǎng)址就可以了！不需要考慮iOS令人抓狂的DRM，也不需要理會Android必須的APK。

3.支持跨平臺和跨設(shè)備開發(fā)：一個巨大的好處是，我的應(yīng)用程序馬上可以在Android和IOS上工作，同樣也可以在其他平臺上工作。作為一個獨立開發(fā)者，為不同的平臺維護基礎(chǔ)代碼是一項巨大的工作。為單個手機平臺編寫高質(zhì)量的手機應(yīng)用需要全職工作，為每個平臺重復(fù)做類似的事情需要大量的資源。應(yīng)用程序能夠在Android和IOS設(shè)備上同時工作對我來說是一個巨大收獲。

更進一步，尤其是對于運行Android各種分支的設(shè)備，它們大小和形狀各異，想要讓你的應(yīng)用程序在各種各樣屏幕分辨率的手機上看起來都不錯，這是真正的挑戰(zhàn)。對于要求嚴格的Android開發(fā)者來說，按照屏幕大小進行設(shè)屏幕分割（從完全最小化到最大進行縮放）會需要很多開發(fā)時間。由于瀏覽器會在每個設(shè)備上以相同的方式呈現(xiàn)，關(guān)于這個方面你不必有任何擔心。

JQuery Mobile 和 HTML5 的3個缺點

1.比原生程序運行慢：在我看來最大的缺點是，即使是在最新的Android和iOS硬件上（雙核Tegra 2 Android手機，雙核iPad2平板），JQuery Mobile應(yīng)用程序都會明顯慢

于原生程序。尤其是在Android上，瀏覽器比起iOS更慢且bug更多（雖然谷歌是專注web領(lǐng)域的公司）。我沒有在更早的Android設(shè)備上測試我的程序，也許根本就不能運行（例如Android G1）。我相信在未來的12-24個月，硬件速度會很快得到提升（例如，四核設(shè)備2011年馬上就要上市），性能也許很快就不會成為問題。但是今天，它確實是一個缺點。如果你只專注于iOS，你大可以期待一下瀏覽器的性能，至少它在這方面是可靠的（不像Android，黑莓等等）

2.古怪（跨瀏覽器、跨平臺開發(fā)）：JQuery Mobile現(xiàn)在仍是beta版本，因此我遇到了很多bug。也就是說，JQuery團隊還在積極地回復(fù)GitHub上提出的問題。我認為其中最大的一個問題是各種瀏覽器在不同的手機平臺上古怪的表現(xiàn)。這個問題一直為人詬病。應(yīng)用程序可能看上去有些古怪——雖然我認為 JQuery Mobile團隊在widget和主題上做得很棒，但的確和原生程序看起來有顯著的不同。這個問題到底對用戶有多大影響不得而知，但是這一點需要引起注意。

3. 有限的能力 vs 原生程序：很明顯，運行在瀏覽器上的JavaScript不能完全地訪問設(shè)備的很多特性。一個典型的例子就是攝像頭。然而，類似PhoneGap這樣的工具能夠幫助解決很多常見問題。實際上，我已經(jīng)開始將我的應(yīng)用程序通過PhoneGap將幾個版本部署到iOS和Android上，使用的是原生 Facebook綁定，效果令我映像深刻。我會在未來的博客中寫一些使用PhoneGap的經(jīng)驗。

總結(jié)

總的說來，我認為使用JQuery Mobile和HTML5作為手機應(yīng)用開發(fā)平臺是可行的。然而，這并不適用于（至少到目前為止）所有類型的應(yīng)用程序。對于簡單的內(nèi)容顯示和數(shù)據(jù)輸入類型的應(yīng)用程序（相對的是需要豐富多媒體/游戲程序），它是對原生程序一個有力的增強。我對自己的應(yīng)用程序使用新平臺的結(jié)果感到高興——不再需要同時為 Android和iOS維護我的健身跟蹤軟件。

在接下來的1-2年中，隨著硬件變得越來越快，手機設(shè)備越來越多樣化，我相信HTML5 （JQuery Mobile， PhoneGap， 等等）在手機應(yīng)用開發(fā)中會成為更加重要的技術(shù)。

英文原文：Niall O’Higgins

譯文鏈接：http://blog.jobbole.com/30216/