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

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 的指定區域中顯示產生的網頁。

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

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

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

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

WebView 與瀏覽器的差異

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

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

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

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

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

開始使用

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

其他資源

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