このページは Cloud Translation API によって翻訳されました。

Android カスタムタブの概要

カスタムタブは Android ブラウザの機能で、アプリデベロッパーがアプリ内に直接カスタマイズされたブラウザエクスペリエンスを追加できるようにします。

ウェブコンテンツの読み込みは、スマートフォンの初期の頃からモバイルアプリの一部でしたが、古いオプションはデベロッパーにとって課題となる可能性があります。実際のブラウザを起動することは、ユーザーにとって負荷の高いコンテキストスイッチであり、カスタマイズできません。一方、WebView はウェブプラットフォームのすべての機能をサポートしていないため、ブラウザと状態を共有せず、メンテナンスオーバーヘッドが増加します。

カスタムタブを使用すると、ユーザーはブラウジング中にアプリ内に留まることができるため、エンゲージメントが向上し、ユーザーがアプリを放棄するリスクが軽減されます。カスタムタブは、ユーザーが選択したブラウザから直接提供され、そのブラウザの状態と機能を自動的に共有します。リクエスト、権限の付与、Cookie ストアを管理するためにカスタムコードを記述する必要はありません。

カスタムタブでできること

カスタムタブを使用すると、ユーザーが選択したブラウザで動作するレンダリングエンジンでウェブコンテンツが読み込まれます。すべての API やウェブプラットフォーム機能は、カスタムタブで利用できます。ブラウジングセッション、保存したパスワード、お支払い方法、住所は、これまでどおりにすべて表示されます。

カスタムタブでカスタマイズできる内容

かなりあります。カスタムタブを使用すると、ブラウザの Chrome とユーザーエクスペリエンスをきめ細かく制御できます。アプリ内で、インテントを使用してカスタムタブを起動します。このインテントを呼び出すときに、CustomTabIntent にさまざまな属性を追加して、目的のエクスペリエンスを実現できます。追加できるカスタマイズの例を次に示します。

アプリの他の部分と一致するカスタムの開始アニメーションと終了アニメーション
アプリのブランディングに合わせてツールバーの色を変更する
ライトモードとダークモードを切り替えてもアプリの色が維持される
ブラウザのツールバーとメニューへのカスタムアクションとエントリ
カスタムタブの起動時の高さを制御し、ウェブストアでの操作中に動画をストリーミングするなどの機能を有効にします。

また、ユーザーはカスタムタブを最小化して基盤となるアプリを操作し、進行状況を失うことなくいつでも復元してジャーニーを再開できます。これにより、ユーザーはカスタムタブを閉じる代わりに、ウェブとネイティブアプリの間でシームレスにマルチタスクを行うことができます。この機能は、カスタムタブでデフォルトで有効になっています。

ただし、これはすべてではありません。カスタムタブは非常に強力で、現在も積極的に開発されています。各ブラウザは、これらの機能が利用可能になり次第、サポートを追加する必要があります。ほとんどのブラウザで何らかのレベルでサポートされていますが、ユーザーのブラウザで利用できる機能と利用できない機能があることを理解しておくことが重要です。一般的な Android ブラウザで利用できるさまざまな機能については、機能の比較表をご覧ください。

GitHub のサンプルで今すぐテストできます。

カスタムタブはどのような場合に使用すればよいですか？

ウェブコンテンツを読み込む方法に「正しい」方法はありません。状況によっては、WebView が適切なテクノロジーになります。たとえば、アプリ内で独自のコンテンツのみをホストしている場合や、アプリから直接 JavaScript を挿入する必要がある場合などです。アプリがドメイン外の URL にユーザーを誘導する場合は、カスタムタブの組み込みの共有状態が適している可能性があります。カスタムタブのその他のメリットは次のとおりです。

セキュリティ: カスタムタブは Google のセーフブラウジングを使用して、ユーザーとデバイスを危険なサイトから保護します。
パフォーマンスの最適化:
1. アプリケーションからリソースを奪うことなく、バックグラウンドでブラウザを事前にウォームアップする。
2. URL を事前に読み込むことで、ページの読み込み時間を短縮します。
ライフサイクル管理: カスタムタブを起動するアプリは、タブの使用中にシステムによって強制終了されることはありません。カスタムタブの重要度がフォアグラウンド レベルに引き上げられます。
共有 Cookie ジャーと権限モデルにより、ユーザーはすでに接続しているサイトにログインしたり、すでに付与した権限を再付与したりする必要がなくなります。
フォームの入力を効率化するための自動入力などのブラウザ機能は、すぐに利用できます。
ユーザーは、統合された戻るボタンを使用してアプリに戻ることができます。

カスタムタブと Trusted Web Activity

信頼できるウェブアクティビティはカスタムタブプロトコルを拡張し、そのメリットのほとんどを共有します。ただし、カスタマイズされた UI を提供するのではなく、デベロッパーは UI なしでブラウザタブを開くことができます。独自の Android アプリ内で独自のプログレッシブウェブアプリを全画面表示したいデベロッパーにおすすめです。

カスタムタブはどこで利用できますか？

カスタムタブは、Android プラットフォーム上のブラウザでサポートされている機能です。この機能は、Chrome バージョン 45 で最初に導入されました。このプロトコルは、ほとんどの Android ブラウザでサポートされています。

このプロジェクトに関するフィードバック、質問、提案をお待ちしております。crbug.com で問題を報告し、Twitter の @ChromiumDev で質問をお寄せください。

始める

GitHub デモのほかに、カスタムタブの使用を開始するためのガイドがいくつかあります。

ご不明な点がございましたら、StackOverflow の chrome-custom-tabs タグをご覧ください。