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

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 與標準瀏覽器的差異，請參閱下列說明：

UI：WebView 用於顯示網路內容，沒有自己的標頭或 UI，例如首頁按鈕、網址列或設定選單，這與大多數其他常見瀏覽器不同。

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

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

開始使用

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

其他資源

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