Android Web App官方文檔翻譯第一章:概覽
Figure 1. 你可以使用兩種方式讓用戶訪問你的Web內(nèi)容:用一種傳統(tǒng)的方式,即通過瀏覽器,或者在一個(gè)Android應(yīng)用中,通過在布局中加入一個(gè)WebView。
如下為第一篇:
基本上有兩種方式來(lái)在Android上發(fā)布一個(gè)應(yīng)用:作為一個(gè)客戶端應(yīng)用程序(使用Android SDK開發(fā)并作為一個(gè).apk安裝在用戶設(shè)備上)或者作為一個(gè)Web應(yīng)用(使用Web標(biāo)準(zhǔn)開發(fā),并通過web瀏覽器訪問——不需要在用戶設(shè)備上安裝什么)。
你選擇以何種方式發(fā)布你的應(yīng)用基于好幾個(gè)因素,但是Android做出了一個(gè)決定,使得開發(fā)一個(gè)Web應(yīng)用更為容易,為此,他們提供了:
- 對(duì)viewport屬性的支持,能讓你根據(jù)屏幕大小確定你的Web應(yīng)用的合適大小
- CSS以及Javascript特性,能讓你根據(jù)屏幕像素密度(屏幕分辨率)提供不同風(fēng)格以及圖片
因此,當(dāng)你決定是否要開發(fā)一個(gè)Web應(yīng)用的時(shí)候,可以不用考慮屏幕支持,因?yàn)楝F(xiàn)在已經(jīng)很容易在各種由Android支持的屏幕上讓W(xué)eb頁(yè)面看起來(lái)很合適了。
Android另外一個(gè)很好的特性是你不需要單純?cè)诳蛻舳嘶蛘咴赪eb端構(gòu)建你的應(yīng)用。你可以將兩者結(jié)合起來(lái),開發(fā)一個(gè)Android應(yīng)用,并嵌入一些Web頁(yè)面(在Android應(yīng)用布局中使用WebView)。 Figure 1給出了圖示,闡述了你的Web頁(yè)面既可以從瀏覽器上訪問又可以從Android應(yīng)用上訪問的方式。然而,你不應(yīng)該開發(fā)一個(gè)Android應(yīng)用而僅僅將它作為一個(gè)加載你網(wǎng)站的方式。相反,你在Android應(yīng)用中嵌入的頁(yè)面應(yīng)該是特意為這個(gè)環(huán)境設(shè)計(jì)的。你甚至可以在你的Android應(yīng)用和你的網(wǎng)頁(yè)間定義一個(gè)接口來(lái)讓網(wǎng)頁(yè)中的Javascript可以調(diào)用你的Android應(yīng)用中的APIs——為你的基于Web的應(yīng)用提供Android APIs。
從Android 1.0開始,Android應(yīng)用就可以使用WebView 來(lái)在布局中嵌入網(wǎng)頁(yè)內(nèi)容并將Javascript綁定到Android APIs上去。在Android增加了對(duì)更多屏幕分辨率的支持以后(增加了對(duì)高分辨率和低分辨率屏幕的支持),Android2.0在Webkit框架中增加了一些特性,讓W(xué)eb頁(yè)面可以指定viewport屬性并查詢屏幕分辨率以便修訂風(fēng)格和圖片屬性,也就是剛剛上面所提到的。因?yàn)檫@些特性是 Android的Webkit框架的一部分,Android瀏覽器(由該平臺(tái)提供的默認(rèn)瀏覽器)和WebView 都支持相同viewport以及屏幕分辨率特性。
為了為由Android驅(qū)動(dòng)的設(shè)備開發(fā)一個(gè)Web應(yīng)用,你應(yīng)該閱讀下面的文檔:
如何在Android設(shè)備上將你的Web應(yīng)用設(shè)置為合適大小并支持多分辨率。當(dāng)你在構(gòu)建一個(gè)希望能在Android設(shè)備上可用的應(yīng)用時(shí)(對(duì)于任何一個(gè)你要發(fā)布在Web上的東西,你都要做這個(gè)假設(shè)),這個(gè)文檔中的信息是非常重要的,尤其是你的目標(biāo)是移動(dòng)設(shè)備或者使用WebView的時(shí)候。
如何利用WebView在你Android應(yīng)用中嵌入網(wǎng)頁(yè),并將Javascript綁定到Android APIs。
如何使用JavaScript Console APIs調(diào)試Web應(yīng)用。
一系列你需要遵循的慣例,以便為Android設(shè)備提供有效的Web應(yīng)用。
原文鏈接:Web Apps Overview



















