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

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 與 Chrome 等一般瀏覽器有何不同?

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

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

使用者介面:WebView 用於顯示網頁內容,不像其他常見瀏覽器一樣有自己的標題或使用者介面 (例如首頁按鈕、網址列、導覽、設定等)。

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

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

建議初步做法

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

其他資源

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