Android開發者指南(18) —— Web Apps Overview

前言

　　本章內容為開發者指南(Dev Guide)/Web Applications/Web Apps Overview，版本為Android 3.2 r1，翻譯來自："happyjiaban"，審核員為："鐵騎_PuLee"，再次感謝"happyjiaban" ！

Web Apps Overview

譯者署名： happyjiahan

審核：鐵騎_PuLee

版本：Android 3.2 r1

在android上發布一個應用程序一般有兩種方式：一種是基於客戶端模式(Client-Side模式)的應用程序（基於客戶端的應用程序需要用Android SDK來開發，並且需要在用戶的設備上安裝一個以.apk為後綴名的文件），另一種是基於浏覽器的web應用程序（基於浏覽器的應用程序的開發需要遵循web標准，通過一個web浏覽器來訪問你開發的應用程序，不需要在用戶的設備上安裝其他任何程序）。

圖1. 你可以通過兩種方式向用戶提供你的web內容：一種是通過傳統的浏覽器的方式，另一種則是通過在Android的應用程序的布局文件中包含一個WebView組件的方式來實現。

那麼在你的軟件開發過程中，你究竟是應該選擇基於客戶端的模式（C/S）還是基於浏覽器的模式（B/S）呢？其實這個問題要考慮很多個因素，要視你所開發的軟件來確定選擇哪種模式更合適。這不是我們當前討論的重點，下面我們來看一下Android為我們提供了哪些方便我們進行web程序開發的支持吧！

*   支持一系列視窗屬性，這些屬性允許你根據屏幕的大小正確的確定你的web程序的窗口大小。

*   支持css和javascript特性，這些特性能使你可以根據屏幕的像素密度來使用不同的樣式和圖片資源。

因此，在你決定為android開發一個web應用的時候，可以先不考慮支持多種屏幕方面的問題。因為讓你的web頁面在各種android設備的屏幕上有很好的效果已經很容易了。

Android提供的另外一個很好的特性就是你現在不必純粹的在客戶端或者純粹的在web上構建你的應用，你可以將這兩者融合在一起。你可以開發一個基於客戶端的android應用，但是在這個應用中嵌入了一些web頁面（你可以在你的android應用中使用WebView ）。圖1形象化的展示了你如何通過浏覽器或者android應用程序來訪問web頁面。然而，你不應該開發一個android應用簡單到只是為了運行web網站。與此相反，嵌入到你的android應用程序中的web頁面應該是專門為某種應用場景設計的。你也可以在android應用程序和你的web頁面之間定義一個接口，這個接口允許你web頁面中的javascript調用你的android應用程序中的API。

從Android 1.0 開始，WebView 已經能夠在android應用程序的布局文件中嵌入web內容並通過javascript調用android api。在android增加了對不同分辨率的屏幕的支持後，android 2.0在WebKit框架中添加了允許在網頁中指定視窗屬性的支持，並且能夠查詢屏幕的分辨率，這樣就能夠更好的修改上文提到的那些樣式和圖片資源。因為這些特性都是Android中WebKit框架的一部分,所以不管是Android 浏覽器還是 WebView 在視圖接口和屏幕分辨率方面都具有相同的特性。

如果你想為Android設備開發web應用，你應該閱讀下面的文檔：

Targeting Screens from Web Apps

如何讓你的web應用能夠非常合適的呈現在Android設備上，並且能夠支持多種屏幕分辨率呢？如果你正在創建一個的web應用並且希望自己的應用至少能夠在Android設備上運行（假設你的應用完全部署在網絡上），特別是如果你針對的是移動終端或者打算使用WebView，那麼這個文檔介紹的信息對你來說非常重要。

         Building Web Apps in WebView

如何使用WebView將網頁嵌入到Android應用中以及如何使用JavaScript調用Android API。

         Debugging Web Apps

                   如何使用JavaScript控制台API調試web應用。

         Best Practices for Web Apps

它列舉了一系列你應該遵循的實踐技巧，幫助你創建出可以在Android設備上高效運行的web應用。

轉自：http://www.cnblogs.com/over140/archive/2011/07/31/2123238.html