Web移動(dòng)應(yīng)用 HTML5 CSS和JavaScript的示例分析

Web移動(dòng)應(yīng)用 HTML5 CSS和JavaScript的示例分析，很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

移動(dòng)設(shè)備的廣泛使用，使許多傳統(tǒng)開發(fā)者很無奈。一個(gè)企業(yè)真的既需要一個(gè)Web站點(diǎn)又需要一個(gè)移動(dòng)應(yīng)用程序嗎?本文討論了HTML 5的可移植性以及為什么在所有的移動(dòng)平臺(tái)上都可以良好運(yùn)行的HTML5，CSS和JavaScript應(yīng)用程序才是未來的趨勢(shì)。

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

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

PhoneGap是一個(gè)開源的開發(fā)框架，用來構(gòu)建跨平臺(tái)的使用HTML，CSS和JavaScript的移動(dòng)應(yīng)用程序。它使開發(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，允許開發(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ù)可以讓開發(fā)者使用Rhodes框架，在線開發(fā)應(yīng)用程序，而不需要在他們的計(jì)算機(jī)上安裝每個(gè)平臺(tái)的***的SDK。應(yīng)用程序使用HTML和Ruby來建立，并且在云中構(gòu)建。

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

最近，使用跨平臺(tái)技術(shù)來進(jìn)行軟件開發(fā)的探索令開發(fā)者們興奮不已。有這樣一個(gè)工具：iUI，它是iPhone用戶界面框架，使用JavaScript，HTML和CSS，它可以被用來建立Web應(yīng)用程序，這些應(yīng)用程序可以運(yùn)行在任何支持HTML5的瀏覽器上。

雖然它的設(shè)計(jì)初衷是為了建立有著iPhone SDK構(gòu)建的本機(jī)應(yīng)用程序那樣的外觀和感覺的應(yīng)用程序，但是，用iUI建立的Web應(yīng)用程序幾乎可以在所有的智能手機(jī)上運(yùn)行，只要它包含一個(gè)符合標(biāo)準(zhǔn)的Web瀏覽器。iUI相對(duì)來說比較新，并沒有一個(gè)用戶界面，所以需要一些耐心和技巧才能使用它。其他的類似框架包括iWebKit和JQTouch。

另一個(gè)移動(dòng)開發(fā)工具是Sencha Touch，它是一個(gè)HTML 5移動(dòng)應(yīng)用程序框架。像iUI一樣，Sencha Touch也是使用HTML5，CSS3和JavaScript來實(shí)現(xiàn)的，它可以在Android，iPhone和iPad平臺(tái)上使用，也可以在其他帶有HTML5兼容的Web瀏覽器的平臺(tái)上使用。它支持像pinching和stretching那樣的觸摸事件，為了在移動(dòng)應(yīng)用程序商店上分發(fā)，也可以是基于Web的或使用Objective-C層來包裝。

Sencha Touch是開源軟件，所以如果你正在開發(fā)一個(gè)和GNU GPL v3協(xié)議兼容的開源應(yīng)用程序，那可以免費(fèi)使用它。Sencha還提供了一個(gè)以地理定位，使用Sencha Touch API和Google地圖來顯示用戶所在位置的地圖為特色的《Sencha Touch入門》的教程。

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)來構(gòu)建，任何使用Web瀏覽器的人都可以訪問和使用它們。當(dāng)然，那些瀏覽器(比如Chrome，Safari，Opera或MSIE9)需要支持上面提到的那些Web技術(shù)。

當(dāng)用戶“安裝”了一個(gè)Chromen Web應(yīng)用程序商店的Web程序，會(huì)添加一個(gè)快捷方式，它讓用戶可以訪問這個(gè)應(yīng)用程序，并在Web瀏覽器中打開這個(gè)Web應(yīng)用程序。Google并沒有給出這個(gè)應(yīng)用程序商店正式開放的日期，但是一旦這個(gè)應(yīng)用程序商店開放，對(duì)開發(fā)者來說，它將不會(huì)有繁瑣的審批程序，也無須為提交一個(gè)應(yīng)用程序而付費(fèi)。

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

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

所有主流的移動(dòng)平臺(tái)，包括蘋果的iOS，Google的Android和Palm的WebOS，都使用基于WebKit的瀏覽器，所以像HTML 5和CSS 3這樣的技術(shù)將可以繼續(xù)得到改進(jìn)和支持。

甚至，微軟在即將到來的MSIE 9中也會(huì)對(duì)HTML 5提供支持。雖然它在10年內(nèi)也許還不會(huì)成為正式的標(biāo)準(zhǔn)，但是它已經(jīng)逐漸地被主流的瀏覽器提供商支持了，并且越來越多的站點(diǎn)和服務(wù)——例如YouTube Mobile，Google Gmail，Scribd，和蘋果的iPhone，iPad都用HTML 5來代替像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)可以用來建立炫酷的應(yīng)用程序，就像Apple，Google和Sencha展示的Demo那樣。在將來，一個(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上。

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝您對(duì)億速云的支持。