Android 自訂分頁總覽

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

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

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

自訂分頁有哪些功能?

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

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

太厲害了!自訂分頁可讓您精細控管許多瀏覽器元件和使用者體驗。在應用程式中,您可以使用意圖啟動「自訂」分頁。在呼叫此意圖時,您可以為 CustomTabIntent 新增多個屬性,以獲得所需的確切體驗。這裡列出一些可以新增的自訂設定:

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

此外,使用者可以將自訂分頁設為最小化,以便與底層應用程式互動,並隨時還原分頁,不會因為中斷而失去任何進度。如此一來,使用者就能選擇關閉「自訂分頁」,在網頁和原生應用程式之間順暢進行多工處理。根據預設,「自訂分頁」會啟用這項功能。

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

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

何時該使用自訂分頁?

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

  1. 安全性:自訂分頁會使用 Google 的安全瀏覽功能,保護使用者和裝置不受危險網站攻擊。
  2. 效能最佳化:
    1. 在背景預先為瀏覽器暖機,同時避免從應用程式竊取資源。
    2. 提前推測載入網址,加快網頁載入時間。
  3. 生命週期管理:在使用分頁期間,系統不會移除啟動自訂分頁的應用程式,因此應用程式的重要性會提高至「前景」。
  4. 共用 Cookie 罐和權限模型,讓使用者不必登入已連結的網站,或重新授予已授予的權限。
  5. 使用自動填入等瀏覽器功能,立即就能填妥表單。
  6. 使用者可以透過內建的返回按鈕返回應用程式。

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

信任的網路活動會擴充自訂分頁通訊協定,並分享大部分的好處。但這項功能並未提供自訂 UI,而是讓開發人員能夠在不使用任何 UI 的情況下開啟瀏覽器分頁。開發人員如要透過自己的 Android 應用程式,以全螢幕模式開啟自己的漸進式網頁應用程式,建議使用此方法。

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

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

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

開始使用

除了 GitHub 示範外,您也可以參考許多指南來開始使用自訂分頁。

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