CSS 見出しのバランス、CHIPS、スクロールエンド イベント、ポップオーバー。
特に記載のない限り、以下の変更は Android、ChromeOS、Linux、macOS、Windows 向けの最新の Chrome Beta チャンネル リリースに適用されます。こちらに記載されている機能について詳しくは、リンク先または ChromeStatus.com のリストをご覧ください。Chrome 114 は 2023 年 5 月 3 日時点でベータ版です。最新バージョンはパソコン版の Google.com または Android 版の Google Play ストアでダウンロードできます。
CSS
このリリースでは、2 つの新しい CSS 機能が追加されました。
CSS 見出しのバランス
この機能により、要素内の行数のバランスをとることで、4 行以下のテキストが読みやすくなり、タイポグラフィでの孤立を最小限に抑えることができます。これは多くの場合、広告見出しで役立ちます。たとえば次の CSS は、すべての見出しレベルとブロッククォートのバランスを取ります。
h1, h2, h3, h4, h5, h6, blockquote {
text-wrap: balance;
}
text-wrap
プロパティに加えて white-space-collapse
プロパティもサポートされており、white-space
プロパティはこれらのプロパティの省略形になります。
詳しくは、CSS text-wrap: balance
をご覧ください。
エイリアス overflow: overlay
から overflow: auto
Chrome 114 では overflow: overlay
スクロール モードが削除され、overlay
が auto
の従来のエイリアスになります。overflow: overlay
を使用するのは overflow: auto
と同じですが、非オーバーレイ OS のスクロールバーが存在する場合に、スクロールバーのガターにコンテンツが拡張されなくなる点が異なります。(オーバーレイのスクロールバーが存在する場合、効果はありません)。
ウェブ API
バックフォワード キャッシュの NotRestoredReason API
NotRestoredReason API は PerformanceNavigationTiming API を介して BFcache からページがフレームツリー構造で配信されていない理由のリストを報告します。
Cookie の Independent Partitioned State(CHIPS)
Chrome はサードパーティ Cookie の廃止を計画しているため、デベロッパーは最上位のサイトごとに分割されたサードパーティのコンテキストで Cookie を使用できるようにする必要があります。これは、クロスサイト トラッキング関連以外のユースケースで必要になります。(例: SaaS 埋め込み、ヘッドレス CMS、サンドボックス ドメイン)。Partitioned
の CHIPS Cookie 属性を使用すると、デベロッパーは最上位のサイトごとにサードパーティ Cookie をパーティション分割できるようになります。CHIPS は、Chrome 110 以降のバージョンの Chrome のバリエーションで有効になります。Chrome 114 では、CHIPS がすべてのブラウザ インスタンスに対してデフォルトで有効になります。
詳しくは、CHIPS をご覧ください。
scrollend
イベント
このイベントにより、デベロッパーはイベント リスナーを通じて、スクロールが完了したタイミング(スクロール自体とスクロールからのオフセットの更新の両方を含む)を明確に把握できます。スクロールが完了したタイミングを知ることは、さまざまな理由から便利です。たとえば、スナップされたセクションでロジックを同期したり、リスト内のものを取得したり、新しいアニメーションをトリガーしたりできます。この機能により、スクロール終了時のエフェクトを処理するロジックが大幅に簡素化され、さまざまな入力モダリティ間でエフェクトの整合性が保たれます。現在、デベロッパーはスクロール イベントを監視し、アドホック タイムアウト アルゴリズムを構築することで、このニーズに対応しています。
Popover API
他のすべてのウェブアプリ UI の上に表示される一時的なユーザー インターフェース(UI)要素を構築するために使用できる API。これには、アクション メニュー、フォーム要素の候補リスト、コンテンツ選択ツール、授業用 UI など、ユーザーとインタラクティブな要素が含まれます。この API では、新しい popover
コンテンツ属性を使用して、任意の要素を最上位レイヤに表示できるようにします。これは <dialog>
要素と似ていますが、ライト - 閉じる動作、ポップオーバーによる操作の管理、イベントのサポート、「モーダル」モードがないなど、いくつかの重要な違いがあります。
requestDevice()
のウェブ Bluetooth exclusionFilters
オプション
navigator.bluetooth.requestDevice()
で exclusionFilters
オプションを使用すると、ウェブ デベロッパーはブラウザ選択ツールから一部のデバイスを除外できます。範囲が広いフィルタに一致するものの、サポートされていないデバイスを除外するために使用できます。
基本的な除外フィルタを備えた、近くの Bluetooth Low Energy デバイスから基本的なデバイス情報を取得するために Web Bluetooth API を使用する方法を示すサンプルコードを見る
WebAssembly 拡張定数の提案
Chrome 114 では、WebAssembly 拡張定数の提案が実装されています。このプロポーザルでは、有効な定数命令のリストに新しい命令(i32.add
、i32.sub
、i32.mul
、i64.add
、i64.sub
、i64.mul
)が追加されます。
オリジン トライアルが進行中
Chrome 114 では、以下の新しいオリジン トライアルを有効にできます。
アプリとウェブにわたるアトリビューション測定
Attribution Reporting API を拡張して、ウェブで発生したコンバージョンを、ブラウザ外や他のアプリケーション内で発生したイベントと関連付けられるようにします。この提案では、アトリビューションの OS レベルのサポートを利用しています。具体的には、デベロッパーは、モバイルウェブのイベントと Android のプライバシー サンドボックスのイベントに参加できるようにするオプションを提供します。ただし、他のプラットフォームのサポートも実装できます。
クロスアプリとウェブ アトリビューション測定のトライアルに登録する
Background Blur API
Background Blur API を使用すると、ウェブ デベロッパーはネイティブ プラットフォームの API を使用してカメラの背景セグメンテーションを行うことができます。背景のぼかしはビデオ会議アプリで最もよく使われる機能の一つになりました。そのため、TensorFlow.js、Mediapipe、WASM ライブラリ、クラウドベースのソリューションといった ML フレームワークに頼ることなく、ウェブアプリでも同じプラットフォーム API を活用できるようにしたいと考えています。
サポートの終了と削除
Chrome 114 では、新たにサポートの終了や削除はありません。