將網頁內容嵌入應用程式中,做為主要或輔助內容

Android 可讓您在應用程式中運用網路的強大功能,因此能享有顯示特定類型內容的彈性和效率。

使用 WebView 嵌入內容

WebView API 可讓您存取迷你瀏覽器的功能,在應用程式中顯示網頁內容。因此,您可以在應用程式中提供以網頁為基礎的體驗,做為核心或輔助部分,如圖 1 所示。

Android 應用程式開啟 Google Play,主要網頁檢視畫面以紅色方塊標示 Android 應用程式開啟,紅色方塊內顯示支援的文字。
圖 1. 以 `WebView` 物件內嵌在應用程式中的網頁內容,做為主要 (左側) 和輔助內容 (右側)。

WebView可執行的操作

您可以在應用程式中使用 WebView 執行下列操作:

  • 嵌入網頁WebView 會整合至應用程式的使用者介面,做為元件,就像按鈕或文字欄位一樣。

  • 載入內容WebView 可從各種來源載入網頁內容:

    • 遠端網址:可從網際網路擷取及顯示網頁,就像一般瀏覽器一樣。
    • 本機檔案:可載入儲存在應用程式資源中的 HTML、CSS 和 JavaScript 檔案。
    • 動態產生的內容:應用程式可以動態產生 HTML 內容,並提供給 WebView
  • 算繪WebView 會使用瀏覽器引擎剖析及算繪 HTML、CSS 和 JavaScript,並在應用程式 UI 的指定區域中顯示產生的網頁。

  • 執行 JavaScriptWebView 可在載入的網頁環境中執行 JavaScript 程式碼。這樣一來,WebView 就能進行動態互動和更新。

  • 與應用程式互動:這是 WebView 變得更強大的地方。可讓網頁和應用程式進行雙向通訊。

    • JavaScript 程式碼到應用程式程式碼:在 WebView 中執行的 JavaScript 程式碼可以呼叫應用程式的宿主 API,存取相機、GPS 或感應器等裝置功能。

    • 應用程式程式碼到 JavaScript:應用程式也可以將 JavaScript 程式碼插入 WebView,操控網頁內容,或回應網頁觸發的事件。

WebView 與瀏覽器的差異

WebView 是高度自訂的元件,可提供網頁視窗的核心功能。與瀏覽器不同,瀏覽器提供導覽列和其他使用者介面元素,方便使用者瀏覽更廣泛的網路內容,而 WebView 的整體體驗則取決於應用程式的設計和用途。

如要進一步瞭解 WebView 與標準瀏覽器的差異,請參閱下列說明:

使用者介面WebView 用於顯示網頁內容,不像大多數常見瀏覽器一樣有自己的標題或使用者介面,例如首頁按鈕、網址列或設定選單。

功能:許多瀏覽器都內建可提升瀏覽體驗的功能,例如書籤、權限或記錄。

更新:Android WebView 是 Android 上的系統服務,因此系統每月都會自動推送更新,並整合至應用程式。瀏覽器會依賴對應的應用程式更新,然後由使用者在裝置上套用更新。

開始使用

如要瞭解如何在應用程式中使用 WebView,請參閱「WebView 中建構網頁應用程式」一文。

其他資源

如要使用 WebView 物件或自訂分頁開發適用於 Android 裝置的網頁,請參閱下列文件: