Custom Tabs 是 Android 瀏覽器的一項功能,可讓應用程式開發人員直接在應用程式中加入自訂瀏覽器體驗。
自智慧型手機問世以來,載入網頁內容一直是行動應用程式的一部分,但舊版選項可能會為開發人員帶來挑戰。啟動實際瀏覽器對使用者來說是耗費資源的環境切換,而且無法自訂,而 WebView 不支援網頁平台的所有功能、不會與瀏覽器共用狀態,且會增加維護負擔。
使用者可透過自訂分頁瀏覽內容,不必離開應用程式,進而提高參與度,並降低使用者放棄使用應用程式的風險。自訂分頁會直接採用使用者偏好的瀏覽器,並自動分享該瀏覽器提供的狀態和功能。您不需要編寫自訂程式碼,即可管理要求、權限授予或 Cookie 儲存空間。
自訂分頁可以做什麼?
使用自訂分頁時,網頁內容會載入使用者偏好瀏覽器所採用的任何算繪引擎。您可以在該處使用任何 API 或網路平台功能,並在自訂分頁中存取。瀏覽工作階段、儲存的密碼、付款方式和地址都會顯示,與使用者習慣的內容相同。
自訂分頁可以自訂哪些項目?
相當符合!您可以透過自訂分頁,精細控管許多瀏覽器 Chrome 和使用者體驗。在應用程式中,您可以使用 Intent 啟動自訂分頁。呼叫這個 Intent 時,您可以將多個屬性新增至 CustomTabIntent,取得所需體驗。以下列出可新增的部分自訂項目:
- 自訂進場和退場動畫,與應用程式的其餘部分相符
- 修改工具列顏色,配合應用程式的品牌宣傳
- 色彩一致性,即使使用者在淺色和深色主題之間切換,應用程式也能維持一致的色彩
- 瀏覽器工具列和選單的自訂動作和項目
- 控制自訂分頁的啟動高度,以便在與網路商店互動時串流播放影片等內容
此外,使用者可以縮小自訂分頁,與底層應用程式互動,並隨時還原分頁,繼續完成未完成的作業。使用者不必關閉自訂分頁,就能在網頁和原生應用程式之間順暢地執行多項工作。這項功能預設為啟用。
這與事實相去甚遠。自訂分頁功能非常強大,目前仍在積極開發中。各瀏覽器必須在這些功能推出時新增支援。雖然幾乎所有瀏覽器都提供某種程度的支援,但請務必瞭解使用者瀏覽器可能支援或不支援的功能。請參閱功能比較表,快速查看熱門 Android 瀏覽器支援的功能。
您現在可以透過 GitHub 上的範例進行測試。
何時該使用自訂分頁?
載入網頁內容沒有單一「正確」方式。在某些情況下,WebView 是合適的技術。舉例來說,如果您只在應用程式中代管自己的內容,或是需要直接從應用程式插入 JavaScript,就適合使用 WebView。如果應用程式會將使用者導向網域外的網址,由於自訂分頁內建共用狀態,因此可能更適合使用。自訂分頁的其他優點包括:
- 安全性:自訂分頁會使用 Google 安全瀏覽功能,保護使用者和裝置免於危險網站的威脅。
- 效能最佳化:
- 在背景預先暖機瀏覽器,同時避免從應用程式竊取資源。
- 預先推測載入網址,縮短網頁載入時間。
- 生命週期管理:應用程式啟動自訂分頁時,系統不會在分頁使用期間將應用程式逐出。自訂分頁的重要性會提升至前景層級。
- 共用 Cookie 罐和權限模型,因此使用者不必登入已連線的網站,或重新授予已授予的權限。
- 您可直接使用瀏覽器功能,例如自動填入,更輕鬆地填寫表單。
- 使用者可以透過整合式返回按鈕返回應用程式。
自訂分頁與受信任的網路活動
Trusted Web Activities 擴充了 Custom Tabs 通訊協定,並分享了大部分優點。但這項功能不會提供自訂 UI,而是讓開發人員開啟完全沒有 UI 的瀏覽器分頁。建議開發人員使用,在自己的 Android 應用程式中以全螢幕模式開啟漸進式網頁應用程式。
哪些平台支援自訂分頁?
自訂分頁是 Android 平台瀏覽器支援的功能。這項功能最初是由 Chrome 在 45 版中推出,大多數 Android 瀏覽器都支援這項通訊協定。
我們希望收到有關這項專案的意見、問題和建議,因此建議您在 crbug.com 提出問題,並在 Twitter @ChromiumDev 提問。
瞭解詳情
如有任何問題,請查看 StackOverflow 上的 chrome-custom-tabs 標記。