CSS の見出しのバランス、CHIPS、スクロール終了イベント、ポップオーバー。
特に記載のない限り、下記の変更は Android、ChromeOS、Linux、macOS、Windows 向けの最新の Chrome Beta チャンネル リリースに適用されます。機能の詳細については、上記のリンクまたは ChromeStatus.com のリストをご覧ください。2023 年 5 月 3 日時点で Chrome 114 はベータ版です。最新版は Google.com（パソコン版）または Google Play ストア（Android 版）からダウンロードできます。
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 Having Independent Partitioned State（CHIPS）
Chrome はサードパーティ Cookie の廃止を計画しているため、デベロッパーはトップレベル サイトで分割されたサードパーティのコンテキストで Cookie を使用できるようにする必要があります。これは、クロスサイト トラッキングに関連しないユースケースで必要です。例: SaaS 埋め込み、ヘッドレス CMS、サンドボックス ドメイン）。Partitioned の CHIPS Cookie 属性を使用すると、デベロッパーはサードパーティ Cookie をトップレベル サイトごとに分割するかどうかを選択できます。Chrome 110 以降では、Chrome のバリエーションを使用して CHIPS を有効にします。Chrome 114 では、すべてのブラウザ インスタンスで CHIPS がデフォルトで有効になります。
CHIPS の詳細を確認する。
scrollend イベント
このイベントにより、デベロッパーはイベント リスナーを通じてスクロールが完了したタイミング（スクロール自体とスクロールからのオフセットに対する更新の両方を含む）を明確にできます。スクロールが完了したことを知ることは、さまざまな理由から役立ちます。たとえば、スナップされたセクションのロジックの同期、リスト内の要素の取得、新しいアニメーションのトリガーなどです。この機能により、スクロール終了効果を処理するロジックが大幅に簡素化され、さまざまな入力モダリティ間で一貫性が確保されます。現在、デベロッパーはスクロール イベントを監視し、アドホックのタイムアウト アルゴリズムを構築することで、このニーズに対応しています。
Popover API
他のすべてのウェブアプリ UI の上に表示される一時的なユーザー インターフェース（UI）要素の作成に使用できる API。これには、アクション メニュー、フォーム要素の候補、コンテンツ選択ツール、教育 UI などのユーザー インタラクティブ要素が含まれます。この API では、新しい popover コンテンツ属性を使用して、任意の要素を最上位レイヤに表示できます。これは <dialog> 要素に似ていますが、「閉じる」動作、ポップオーバー操作管理、イベントのサポート、「モーダル」がないなどの重要な違いがいくつかあります。モードです。
requestDevice() のウェブ Bluetooth exclusionFilters オプション
navigator.bluetooth.requestDevice() で exclusionFilters オプションを使用すると、ウェブ デベロッパーはブラウザ選択ツールから一部のデバイスを除外できます。より広範なフィルタには合致するが、サポートされていないデバイスを除外する場合に使用できます。
Web Bluetooth API を使用して、基本的な除外フィルタを備えた付近の Bluetooth Low Energy デバイスから基本的なデバイス情報を取得する方法を示すサンプルコードを見る
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 では、新たなサポートの終了や削除はありません。