【51CTO譯文】移動(dòng)設(shè)備的廣泛使用，使許多傳統(tǒng)開(kāi)發(fā)者很無(wú)奈。一個(gè)企業(yè)真的既需要一個(gè)Web站點(diǎn)又需要一個(gè)移動(dòng)應(yīng)用程序嗎？本文討論了HTML 5的可移植性以及在所有的移動(dòng)平臺(tái)上的良好表現(xiàn)。HTML 5將不只是下一代Web開(kāi)發(fā)標(biāo)準(zhǔn)，基于HTML5，CSS和JavaScript的移動(dòng)應(yīng)用程序才是未來(lái)的趨勢(shì)。

許多開(kāi)發(fā)者已經(jīng)得出了結(jié)論：他們需要把注意力集中在特定的移動(dòng)平臺(tái)上——例如iPhone，Windows7或Android。而其他人開(kāi)始意識(shí)到有許多開(kāi)發(fā)工具可以讓他們利用現(xiàn)有的技能——不管是HTML，CSS和JavaScript，還是像C或C++那樣的現(xiàn)行的編程語(yǔ)言。就像我們?cè)陂_(kāi)發(fā)者專用的iPhone報(bào)告中討論的那樣，那些移動(dòng)應(yīng)用程序的工具，被用來(lái)建立本機(jī)應(yīng)用程序，它可以使用移動(dòng)設(shè)備提供的絕大多數(shù)的原生功能——例如GPS，攝像頭，聯(lián)系人，加速器等。

移動(dòng)Web應(yīng)用程序開(kāi)發(fā)工具

之前我們介紹過(guò)移動(dòng)Web開(kāi)發(fā)語(yǔ)言，今天我們一起來(lái)看看移動(dòng)應(yīng)用的開(kāi)發(fā)框架。PhoneGap是一個(gè)開(kāi)源的開(kāi)發(fā)框架，用來(lái)構(gòu)建跨平臺(tái)的使用HTML，CSS和JavaScript的移動(dòng)應(yīng)用程序。它使開(kāi)發(fā)者能夠利用iPhone，Android，Palm，Symbian和Blackberry智能手機(jī)的核心功能——包括地理定位，加速器，聯(lián)系人，聲音和振動(dòng)。PhoneGap是免費(fèi)的，但是它需要特定平臺(tái)提供的附加軟件，例如iPhone的iPhone SDK，Android的Android SDK等。使用PhoneGap只比為每個(gè)平臺(tái)分別建立應(yīng)用程序好一點(diǎn)點(diǎn)，因?yàn)殡m然基本代碼是一樣的，但是你仍然需要為每個(gè)平臺(tái)分別編譯應(yīng)用程序。

有一些框架，比如Rhodes，允許開(kāi)發(fā)者為幾乎所有的移動(dòng)平臺(tái)建立本機(jī)應(yīng)用程序，包括iPhone，Windows Mobile，BlackBerry，Symbian和Android。和PhoneGap類似，你必須為每個(gè)平臺(tái)分別編譯你的代碼。它也支持大多數(shù)智能手機(jī)提供的原生功能，包括地理定位，聯(lián)系人和攝像頭圖像捕獲。Rhodes是免費(fèi)的，遵守MIT協(xié)議。一個(gè)稱作RhoHub的云計(jì)算服務(wù)可以讓開(kāi)發(fā)者使用Rhodes框架，在線開(kāi)發(fā)應(yīng)用程序，而不需要在他們的計(jì)算機(jī)上安裝每個(gè)平臺(tái)的最新的SDK。應(yīng)用程序使用HTML和Ruby來(lái)建立，并且在云中構(gòu)建。

真正的可移植的HTML 5 Web應(yīng)用程序怎么樣？

最近，使用跨平臺(tái)技術(shù)來(lái)進(jìn)行軟件開(kāi)發(fā)的探索令開(kāi)發(fā)者們興奮不已。有這樣一個(gè)工具：iUI，它是iPhone用戶界面框架，使用JavaScript，HTML和CSS，它可以被用來(lái)建立Web應(yīng)用程序，這些應(yīng)用程序可以運(yùn)行在任何支持HTML5的瀏覽器上。雖然它的設(shè)計(jì)初衷是為了建立有著iPhone SDK構(gòu)建的本機(jī)應(yīng)用程序那樣的外觀和感覺(jué)的應(yīng)用程序，但是，用iUI建立的Web應(yīng)用程序幾乎可以在所有的智能手機(jī)上運(yùn)行，只要它包含一個(gè)符合標(biāo)準(zhǔn)的Web瀏覽器。iUI相對(duì)來(lái)說(shuō)比較新，并沒(méi)有一個(gè)用戶界面，所以需要一些耐心和技巧才能使用它。其他的類似框架包括iWebKit和JQTouch。

另一個(gè)移動(dòng)開(kāi)發(fā)工具是Sencha Touch，它是一個(gè)HTML 5移動(dòng)應(yīng)用程序框架。像iUI一樣，Sencha Touch也是使用HTML5，CSS3和JavaScript來(lái)實(shí)現(xiàn)的，它可以在Android，iPhone和iPad平臺(tái)上使用，也可以在其他帶有HTML5兼容的Web瀏覽器的平臺(tái)上使用。它支持像pinching和stretching那樣的觸摸事件，為了在移動(dòng)應(yīng)用程序商店上分發(fā)，也可以是基于Web的或使用Objective-C層來(lái)包裝。Sencha Touch是開(kāi)源軟件，所以如果你正在開(kāi)發(fā)一個(gè)和GNU GPL v3協(xié)議兼容的開(kāi)源應(yīng)用程序，那可以免費(fèi)使用它。Sencha還提供了一個(gè)以地理定位，使用Sencha Touch API和Google地圖來(lái)顯示用戶所在位置的地圖為特色的《Sencha Touch入門(mén)》的教程。

Chrome應(yīng)用程序商店：HTML5應(yīng)用程序登上舞臺(tái)

在2010年5月，Google宣布要建立Chrome Web應(yīng)用程序商店，它是一個(gè)Web應(yīng)用程序的市場(chǎng)。這些Web應(yīng)用程序使用標(biāo)準(zhǔn)Web技術(shù)（HTML5，CSS和JavaScript）來(lái)構(gòu)建，任何使用Web瀏覽器的人都可以訪問(wèn)和使用它們。當(dāng)然，那些瀏覽器（比如Chrome，Safari，Opera或MSIE9）需要支持上面提到的那些Web技術(shù)。當(dāng)用戶“安裝”了一個(gè)Chromen Web應(yīng)用程序商店的Web程序，會(huì)添加一個(gè)快捷方式，它讓用戶可以訪問(wèn)這個(gè)應(yīng)用程序，并在Web瀏覽器中打開(kāi)這個(gè)Web應(yīng)用程序。Google并沒(méi)有給出這個(gè)應(yīng)用程序商店正式開(kāi)放的日期，但是一旦這個(gè)應(yīng)用程序商店開(kāi)放，對(duì)開(kāi)發(fā)者來(lái)說(shuō)，它將不會(huì)有繁瑣的審批程序，也無(wú)須為提交一個(gè)應(yīng)用程序而付費(fèi)。

Web應(yīng)用程序最終會(huì)標(biāo)準(zhǔn)化嗎？

在停滯了幾年以后，World Wide Web 協(xié)會(huì)（W3C）最近開(kāi)始繼續(xù)HTML5規(guī)范的制定工作。他們的回歸引發(fā)了Web Hypertext Application Working Group(WHATWG)的不安，這個(gè)組織是由瀏覽器制造商（包括Opera軟件，Mozilla和蘋(píng)果）組成的，他們?cè)?004年6月開(kāi)始標(biāo)準(zhǔn)制定工作。Ian Hickson，他是HTML5規(guī)范的編寫(xiě)者，預(yù)計(jì)這個(gè)規(guī)范在2012年可以進(jìn)入候選推薦標(biāo)準(zhǔn)階段，但是不要指望它在2022年以前會(huì)成為一個(gè)正式的W3C推薦標(biāo)準(zhǔn)——是的，從現(xiàn)在開(kāi)始需要等上12年以上。

所有主流的移動(dòng)平臺(tái)，包括蘋(píng)果的iOS，Google的Android和Palm的WebOS，都使用基于WebKit的瀏覽器，所以像HTML 5和CSS 3這樣的技術(shù)將可以繼續(xù)得到改進(jìn)和支持。甚至，微軟在即將到來(lái)的MSIE 9中也會(huì)對(duì)HTML 5提供支持。雖然它在10年內(nèi)也許還不會(huì)成為正式的標(biāo)準(zhǔn)，但是它已經(jīng)逐漸地被主流的瀏覽器提供商支持了，并且越來(lái)越多的站點(diǎn)和服務(wù)——例如YouTube Mobile，Google Gmail，Scribd，和蘋(píng)果的iPhone，iPad都用HTML 5來(lái)代替像Adobe的Flash那樣的插件。HTML 5已經(jīng)是鐵板釘釘?shù)氖铝恕?/p>

總是會(huì)有一些企業(yè)認(rèn)為：針對(duì)每個(gè)主流的平臺(tái)，他們必須有一個(gè)本機(jī)的移動(dòng)應(yīng)用程序，但是人們還是更傾向于使工作變得更輕松，而不是更困難。新興的Web標(biāo)準(zhǔn)可以用來(lái)建立炫酷的應(yīng)用程序，就像Apple，Google和Sencha展示的Demo那樣。在將來(lái)，一個(gè)Web應(yīng)用程序應(yīng)該可以運(yùn)行在大多數(shù)的移動(dòng)平臺(tái)上——如果不是所有的話，它應(yīng)該可以運(yùn)行在任何一個(gè)HTML 5兼容的Web瀏覽器上，不管這個(gè)瀏覽器是在一個(gè)移動(dòng)設(shè)備上還是在一個(gè)臺(tái)式的PC上。

【編輯推薦】

1. CSS3 Media Query：移動(dòng)Web開(kāi)發(fā)的完美開(kāi)端
2. Android平臺(tái)添新玩意 PHP將實(shí)現(xiàn)應(yīng)用先
3. Windows Phone 7開(kāi)發(fā)過(guò)程深入剖析
4. HTML5成蘋(píng)果摒棄Flash于iPad平臺(tái)之外的原因
5. 移動(dòng)應(yīng)用開(kāi)發(fā)平臺(tái)進(jìn)化史

原文：Web-based Mobile Apps of the Future Using HTML 5, CSS and JavaScript   

作者：Scott Clark