Android 版 Chrome のエッジ ツー エッジへの移行に備える

公開日: 2025 年 2 月 28 日

エッジ ツー エッジは、Android システムバーの背後に描画することで、アプリをディスプレイの幅と高さ全体に広げることができるAndroid の機能です。

Chrome 135 より前は、Android 版 Chrome は端から端まで描画されていませんでした。ただし、Chrome 135 以降では、Android 版 Chrome はビューポートをジェスチャー ナビゲーション バー領域まで拡張することで、デバイスの下端までウェブ コンテンツを描画できるようになりました。

エッジツーエッジではない Android 版 Chrome のビューポート(左)と、エッジツーエッジの Android 版 Chrome のビューポート(右)の可視化。各ビジュアリゼーションには、高さが 100vh に設定された要素を表す青いボックスがあります。左側のテキストは、画面の端から端まで Chrome が表示されていない場合にどうなるかを明確に示しています。「ビューポートは、上部のステータスバーと下部のジェスチャー ナビゲーション バーの間に固定されたままになります」と記載されています。右側のテキストは、画面の端から端まで Chrome が広がったときの動作を明確に示しています。「ビューポートがジェスチャー ナビゲーション バーにまで広がっている」と表示されます。
Chrome のビューポートの可視化(狭額縁と非狭額縁)。

Android 版 Chrome 135 には、「あご」と呼ばれるボトムバーがあり、スクロールすると自動的に非表示になります。つまり、ほとんどの場合、サイトの開発時に特別な対応を行う必要はありません。ただし、ジェスチャー ナビゲーション バーによってコンテンツが遮られる場合があります。

エッジツーエッジの導入をスムーズに進めるため、この変更がウェブサイトに与える影響と、この変更に対応するためにできることを説明したガイドを用意しました。

Android 版 Chrome のエッジツーエッジ移行ガイド