Chrome 125 の新機能

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

  • 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");

その他

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

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

関連情報

ここでは、重要なハイライトのみを取り上げます。以下のリンクを確認してください。 その他の変更が行われます。

登録

最新情報を入手するには、 Chrome Developers YouTube チャンネル 新しい動画が公開されるたびに メールでも通知されます

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