【51CTO獨(dú)家譯文】本文為Appcelerator公司最新的官方教程《Titanium基礎(chǔ)知識(shí)：Mobile Web開(kāi)發(fā)入門(mén)》。

以下為全部譯文：

Mobile Web發(fā)行候選版在不斷加以改進(jìn)，每天在消除新的軟件錯(cuò)誤，增添新的改進(jìn)之處。為了最充分地利用Mobile Web發(fā)行候選版，我們建議你在構(gòu)建Mobile Web應(yīng)用程序時(shí)，下載和利用最新的持續(xù)集成版本（IC build）。

你可以從這里獲得最新的持續(xù)集成版本。

想了解如何安裝持續(xù)集成版本，請(qǐng)參閱介紹如何安裝Titanium SDK持續(xù)集成版本的這篇維基文章。

創(chuàng)建新的項(xiàng)目

為了創(chuàng)建在MobileWeb平臺(tái)上運(yùn)行的一個(gè)Titanium移動(dòng)項(xiàng)目，請(qǐng)完成針對(duì)其他任何平臺(tái)（iPhone/iPad和安卓）所需的同樣一些步驟。請(qǐng)注意：你得記住為這類(lèi)項(xiàng)目選擇“MobileWeb”選項(xiàng)。

就這個(gè)例子而言，我們將通過(guò)“CreateNew Mobile Application”（創(chuàng)建新的Mobile應(yīng)用程序）對(duì)話框，利用可用的“Tabbed Application Template”（選項(xiàng)卡式應(yīng)用程序模板），創(chuàng)建一個(gè)應(yīng)用程序。提供了必要的信息后，選擇上面對(duì)方框里面的“Next”（下一步），而不是選擇“Finish”（完成）。在“Project Template”（項(xiàng)目模板）對(duì)話框里，選擇選項(xiàng)卡式應(yīng)用程序模板，然后選擇“Finish”（完成）。

一旦該應(yīng)用程序創(chuàng)建完畢，你可以看到：應(yīng)用程序的結(jié)構(gòu)與iOS或安卓應(yīng)用程序一模一樣，只是多了針對(duì)特定平臺(tái)的mobileweb文件夾。正如與安卓和iOS一樣，你可以使用該文件夾來(lái)存儲(chǔ)針對(duì)特定平臺(tái)的資源。

不妨參閱關(guān)于MobileWeb Assets的這篇維基文章。

查看和測(cè)試

Titanium Studio包含一個(gè)集成的Web服務(wù)器，你可以將它用于開(kāi)發(fā)者級(jí)別測(cè)試（這時(shí)你可以測(cè)試自己開(kāi)發(fā)的程序）。你可以利用該服務(wù)器，在安裝到電腦上的瀏覽器里面測(cè)試你創(chuàng)建的Mobile Web項(xiàng)目，或者放置可從仿真器或模擬器里面訪問(wèn)的頁(yè)面。為了在瀏覽器里面查看你的應(yīng)用程序，請(qǐng)從Titanium Studio的App Explorer菜單中選擇“Run”（運(yùn)行）> “Mobile Web Preview in Browser”（瀏覽器中Mobile Web預(yù)覽）。

你準(zhǔn)備好開(kāi)始測(cè)試MobileWeb應(yīng)用程序時(shí)，我們建議先在桌面瀏覽器中進(jìn)行測(cè)試。Safari和Chrome是我們推薦的用來(lái)測(cè)試的瀏覽器。之所以先在桌面瀏覽器中進(jìn)行測(cè)試，是因?yàn)檫@可以充分利用桌面瀏覽器里面可供使用的Web審查工具和瀏覽器調(diào)試工具。由于你的Mobile Web應(yīng)用程序使用HTML和CSS代碼，所以使用瀏覽器控制臺(tái)來(lái)測(cè)試和調(diào)試Mobile Web應(yīng)用程序與測(cè)試和調(diào)試其他任何Web應(yīng)用程序沒(méi)什么兩樣。

部署項(xiàng)目

Titanium Mobile Web應(yīng)用程序旨在從Web服務(wù)器端來(lái)運(yùn)行。你可以從瀏覽器將它作為一個(gè)本地文件來(lái)成功地運(yùn)行，但不是一切都會(huì)正常工作。你可以使用如圖所示的Deploy（部署）菜單來(lái)封裝你的應(yīng)用程序，然后指定一個(gè)本地目錄——Studio將把你項(xiàng)目的文件拷貝放入到該目錄中。然后，你要把那些文件上傳到Web服務(wù)器，以便大家訪問(wèn)。

部署到Web服務(wù)器時(shí)要牢記一點(diǎn)：如果你的應(yīng)用程序使用Ti.Network.HttpClient與不同的網(wǎng)站進(jìn)行聯(lián)系，那么要么那些網(wǎng)站啟用CORS（跨域資源共享），要么你在Web服務(wù)器上建立一個(gè)代理系統(tǒng)，并啟用CORS。

原文地址：http://developer.appcelerator.com/blog/2012/05/getting-started-with-mobile-web.html

【51CTO譯稿，非經(jīng)授權(quán)謝絕轉(zhuǎn)載，合作媒體轉(zhuǎn)載請(qǐng)注明原文出處、作者及51CTO譯者！】