Chrome 125 の新機能

必知事項は次のとおりです。

Adriana Jara です。Chrome 125 のデベロッパー向けの新機能を詳しく見ていきましょう。

CSS アンカーの配置。

別の要素に固定された要素を表示すると、ポップオーバーをツールチップとして使用して、その要素を呼び出す要素にアタッチするなどの UI パターンを作成できます。

CSS アンカーの配置を使用すると、絶対位置に配置された要素をページ上の 1 つ以上の要素に宣言的な方法でテザリングできます。JavaScript を必要とせず、アンカーがスクロール可能な場合にパフォーマンスを発揮します。

アンカー配置機能は、多数の CSS プロパティで構成されます。主なプロパティは次のとおりです。

  • anchor-name: 要素を他の要素のアンカーとして設定します。
  • position-anchor: アンカー要素がアンカーの配置に使用する「デフォルト」のアンカーを記述します。
  • anchor() 関数: アンカー要素の位置決めの際に、アンカー要素の位置を参照します。
  • inset-area: 一般的な相対位置を指定するための省略形です。

Compute Pressure API。

Compute Pressure API は、システムの CPU 負荷を表すハイレベルの状態を提供します。

コンピュータ能力のバランスの取れた使用に向けて最適化する場合、この API は基盤となる適切なハードウェア指標を使用して、システムに管理不可能なストレスがかかっていない限り、ユーザーが利用可能なすべての処理能力を活用できるようにします。

この API の設計と実装は Intel が主導し、ビデオ会議アプリで機能とパフォーマンスのバランスを動的に調整できるようにします。

サンプルと詳細については、Compute Pressure API をご覧ください。

Storage Access API(SAA)を非 Cookie ストレージに拡張。

Storage Access API は、クロスサイト Cookie の代わりに作成された JavaScript API です。クロスサイト リソースの読み込みに依存する埋め込みで、必要に応じてユーザーにアクセス権限をリクエストするために使用できます。

このバージョンには、Cookie 以外の API を使用するための拡張機能が含まれています。この拡張機能を使用すると、indexedDB や localstorage などのサードパーティのコンテキストでパーティション分割されていない Cookie と非 Cookie ストレージにアクセスできます。次のコードは、indexedDB へのアクセスをリクエストする例を示します。

// Request a new storage handle via rSA (this may prompt the user)
let handle = await document.requestStorageAccess({indexedDB : true});

// Open or create an indexedDB that is shared with the 1P context
let messageDB = handle.indexedDB.open("messages");

その他

他にもたくさんあります。

リリースノートの全文を読む

関連情報

ここでは、重要なハイライトについてのみ説明します。Chrome 125 の追加の変更については、次のリンクをご覧ください。

登録

最新情報を入手するには、Chrome Developers YouTube チャンネル登録してください。新しい動画が公開されるたびに、メール通知が届きます。

Adriana Jara です。Chrome 126 がリリースされ次第、Chrome の最新情報をお届けします。