必知事項は次のとおりです。
- CSS Anchor Positioning を使用すると、要素のアンカー化がこれまでになく簡単になります。
- Compute Pressure API は、利用可能なコンピュータ処理能力を最適化するのに役立ちます。
- Storage Access API は、Cookie の保存以外にも対応できるように拡張されています。
- 他にも多くの機能を利用できます。
アドリアナ・ジャラです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 は、デベロッパーが折りたたみ式デバイスをターゲットにできるように設計されています。
Shared Storage API で、iframe を作成せずにクロスオリジン ワークレットを実行できるようになりました。
関連情報
ここでは、重要なハイライトのみを取り上げます。以下のリンクを確認してください。 その他の変更が行われます。
- Chrome DevTools の新機能(125)
- ChromeStatus.com のアップデート(Chrome 125)
- Chromium ソース リポジトリの変更リスト
- Chrome リリース カレンダー
登録
最新情報を入手するには、 Chrome Developers YouTube チャンネル 新しい動画が公開されるたびに メールでも通知されます
Adriana Jara と申します。Chrome 126 がリリースされ次第、Chrome の最新情報をお届けします。