必知事項は次のとおりです。
- CSS アンカー ポジショニングを使用すると、要素のアンカー化がこれまで以上に簡単になります。
- Compute Pressure API は、利用可能なコンピュータ能力の最適化に役立ちます。
- Storage Access API は、Cookie の保存以外にも拡張されています。
- 他にもたくさんあります。
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");
その他
他にもたくさんあります。
Device Posture API と Viewport Segments Enumeration API のオリジン トライアルが用意されています。これらの API は、デベロッパーが折りたたみ式デバイスをターゲットにできるようにするためのものです。
CSS の段階的値関数
round()
、mod()
、rem()
が追加され、これらの機能のベースラインが新たに利用可能になりました。Shared Storage API で、iframe を作成せずにクロスオリジン ワークレットを実行できるようになりました。
関連情報
ここでは、重要なハイライトについてのみ説明します。Chrome 125 の追加の変更については、次のリンクをご覧ください。
- Chrome DevTools の新機能(125)
- ChromeStatus.com の更新(Chrome 125)
- Chromium ソース リポジトリの変更リスト
- Chrome リリース カレンダー
登録
最新情報を入手するには、Chrome Developers YouTube チャンネルに登録してください。新しい動画が公開されるたびに、メール通知が届きます。
Adriana Jara です。Chrome 126 がリリースされ次第、Chrome の最新情報をお届けします。