Android Web App官方文檔翻譯第一章:概覽

本文來自GoogleAndroid官方的Web App開發指導手冊，分為五篇：1、概論，2、螢幕尺寸，3、建Web View，4、調試和5、最佳實務。

 

Figure 1. 你可以使用兩種方式讓使用者訪問你的Web內容：用一種傳統的方式，即通過瀏覽器，或者在一個Android應用中，通過在布局中加入一個WebView。
如下為第一篇：
基本上有兩種方式來在Android上發布一個應用：作為一個用戶端應用程式（使用Android SDK開發並作為一個.apk安裝在使用者裝置上）或者作為一個Web應用（使用Web標準開發，並通過web瀏覽器訪問——不需要在使用者裝置上安裝什麼）。
你選擇以何種方式發布你的應用基於好幾個因素，但是Android做出了一個決定，使得開發一個Web應用更為容易，為此，他們提供了：
對viewport屬性的支援，能讓你根據螢幕大小確定你的Web應用的合適大小
CSS以及Javascript特性，能讓你根據螢幕像素密度（螢幕解析度）提供不同風格以及圖片
因此，當你決定是否要開發一個Web應用的時候，可以不用考慮螢幕支援，因為現在已經很容易在各種由Android支援的螢幕上讓Web頁面看起來很合適了。
Android另外一個很好的特性是你不需要單純在用戶端或者在Web端構建你的應用。你可以將兩者結合起來，開發一個Android應用，並嵌入一些Web頁面（在Android應用布局中使用WebView）。 Figure 1給出了圖示，闡述了你的Web頁面既可以從瀏覽器上訪問又可以從Android應用上訪問的方式。然而，你不應該開發一個Android應用而僅僅將它作為一個載入你網站的方式。相反，你在Android應用中嵌入的頁面應該是特意為這個環境設計的。你甚至可以在你的Android應用和你的網頁間定義一個介面來讓網頁中的Javascript可以調用你的Android應用中的APIs——為你的基於Web的應用提供Android APIs。
從Android 1.0開始，Android應用就可以使用WebView 來在布局中嵌入網頁內容並將Javascript綁定到Android APIs上去。在Android增加了對更多螢幕解析度的支援以後（增加了對高解析度和低解析度螢幕的支援），Android2.0在Webkit架構中增加了一些特性，讓Web頁面可以指定viewport屬性並查詢螢幕解析度以便修訂風格和圖片屬性，也就是剛剛上面所提到的。因為這些特性是 Android的Webkit架構的一部分，Android瀏覽器（由該平台提供的預設瀏覽器）和WebView 都支援相同viewport以及螢幕解析度特性。
為了為由Android驅動的裝置開發一個Web應用，你應該閱讀下面的文檔：
為Web Apps設定合適大小
如何在Android裝置上將你的Web應用設定為合適大小並支援多解析度。當你在構建一個希望能在Android裝置上可用的應用時（對於任何一個你要發布在Web上的東西，你都要做這個假設），這個文檔中的資訊是非常重要的，尤其是你的目標是行動裝置或者使用WebView的時候。
在WebView中構建Web Apps
如何利用WebView在你Android應用中嵌入網頁，並將Javascript綁定到Android APIs。
調試Web Apps
如何使用JavaScript Console APIs調試Web應用。
Web Apps的最佳慣例
一系列你需要遵循的慣例，以便為Android裝置提供有效Web應用。