Android 自訂分頁總覽

Custom Tabs 是 Android 瀏覽器的功能,可讓應用程式開發人員直接在應用程式中新增自訂瀏覽器體驗。

自智慧型手機問世以來,載入網頁內容就已是行動應用程式的一部分,但舊版選項可能會對開發人員造成挑戰。對於無法自訂的使用者而言,啟動實際的瀏覽器是繁重的內容切換作業,而 WebView 不支援網頁平台的所有功能,也不會與瀏覽器共用狀態,並會增加維護成本。

使用者在瀏覽時,可以透過自訂分頁停留在應用程式中,進而提升參與度,並降低使用者放棄應用程式的風險。自訂分頁直接由使用者偏好的瀏覽器提供動力,並自動分享瀏覽器提供的狀態和功能。您不需要撰寫自訂程式碼來管理要求、授權核准或 Cookie 存放區。

自訂分頁有哪些功能?

使用自訂分頁時,您的網頁內容會在使用者偏好的瀏覽器所使用的任何轉譯引擎中載入。任何 API 或網路平台功能都會在該處提供,並可供自訂分頁使用。瀏覽工作階段、已儲存的密碼、付款方式和地址都會如預期般顯示。

我可以在自訂分頁中自訂哪些項目?

相當多!自訂分頁可讓您精細控管許多瀏覽器元件和使用者體驗。您可以在應用程式中使用意圖啟動自訂分頁。在呼叫此意圖時,您可以為 CustomTabIntent 新增多個屬性,以獲得所需的確切體驗。以下列出可新增的部分自訂選項:

  • 自訂進場和退場動畫,與應用程式的其他部分相符
  • 修改工具列顏色,以配合應用程式的品牌
  • 即使應用程式切換淺色和深色主題,也能維持一致的色彩
  • 自訂動作和瀏覽器工具列和選單的項目
  • 控制自訂分頁的啟動高度,例如在與網路商店互動時串流播放影片

此外,使用者可以將自訂分頁設為最小化,以便與底層應用程式互動,並隨時還原分頁,無須擔心會遺失任何進度,進而恢復瀏覽體驗。這樣一來,使用者就能在網頁和原生應用程式之間流暢地執行多工作業,而無須關閉自訂分頁。這項功能預設為啟用。

這絕對不是全部。自訂分頁功能非常強大,且仍在積極開發中。每個瀏覽器都需要在這些功能推出時新增支援功能。雖然幾乎所有瀏覽器都提供某種程度的支援,但您還是需要瞭解使用者瀏覽器可能支援或不支援的功能。請參閱功能比較表,快速查看熱門 Android 瀏覽器是否支援各種功能。

您現在可以使用 GitHub 上的範例進行測試。

何時該使用自訂分頁?

沒有任何「正確」的網路內容載入方式。在某些情況下,WebView 會是適合的技術。舉例來說,如果您只在應用程式中代管自己的內容,或是需要直接從應用程式注入 JavaScript,或是應用程式會將使用者導向網域以外的網址,則自訂 Tabs 內建的共用狀態可能會是較佳的選擇。自訂分頁的其他優點包括:

  1. 安全性:自訂分頁會使用 Google 的安全瀏覽功能,保護使用者和裝置免受危險網站的攻擊。
  2. 效能最佳化:
    1. 在背景預先暖機瀏覽器,同時避免從應用程式竊取資源。
    2. 提前推測載入網址,加快網頁載入時間。
  3. 生命週期管理:系統不會在使用自訂分頁時將啟動自訂分頁的應用程式逐出。自訂分頁的重要性會提升至「前景」等級。
  4. 共用 Cookie 罐和權限模式,讓使用者不必登入已連結的網站,或重新授予已授予的權限。
  5. 瀏覽器功能 (例如自動填入功能,可讓您更輕鬆地填寫表單) 隨附於系統中。
  6. 使用者可以透過內建的返回按鈕返回應用程式。

自訂分頁與受信任的網路活動

Trusted Web Activities 可擴充 Custom Tabs 通訊協定,並提供大部分的優點。但它並未提供自訂 UI,而是讓開發人員能夠在不使用任何 UI 的情況下開啟瀏覽器分頁。開發人員如要以全螢幕模式在自家 Android 應用程式中開啟自家的漸進式網頁應用程式,建議採用這種做法。

自訂分頁適用於哪些國家/地區?

自訂分頁是 Android 平台上的瀏覽器支援的功能。這項功能最初是在 Chrome 45 版推出。大多數 Android 瀏覽器都支援這項通訊協定。

我們希望收到有關這個專案的意見回饋、問題和建議,因此建議您前往 crbug.com 提出問題,並在 Twitter 上向 @ChromiumDev 提問。

開始使用

除了 GitHub 示範之外,還有許多指南可協助您開始使用自訂分頁。

如有任何疑問,請前往 StackOverflow 查看 chrome-custom-tabs 標記。