Chrome 125

安定版リリース日: 2024 年 5 月 14 日

特に記載のない限り、以下の変更は Android、ChromeOS、Linux、macOS、Windows 向け Chrome 125 Stable チャンネル リリースに適用されます。

<ph type="x-smartling-placeholder">

HTML と DOM

宣言型 Shadow DOM シリアル化

デベロッパーがシャドウルートを含む DOM ツリーをシリアル化できるようにする機能。最近、HTML 標準で標準化されました。

バグのトラッキング #41490936 | ChromeStatus.com のエントリ | 仕様

CSS

CSS アンカーの配置

CSS アンカー ポジショニングを使用すると、デベロッパーは JavaScript を使用せずに、宣言型の方法で、絶対配置された要素をページ上の 1 つ以上の他の要素（アンカー）に固定できます。アンカーの配置は、アンカーがスクロール可能であればパフォーマンスに優れています。一般的なユースケースとしては、ポップアップ（ツールチップなど）を、ポップアップを呼び出した要素の横に配置したり、選択メニューとそのポップアップ オプション リストを配置したりします。アンカー ポジショニング機能が導入される前は、これらのユースケースには JavaScript を使用してポップオーバーを動的に配置し、 呼び出し元の要素がスクロールされました。これはパフォーマンスのフットガンであり、 説明します。アンカーの配置により、これらのユースケースを実装できます。 宣言的に提供できます。

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

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

CSS アンカー ポジショニング API の導入 | バグのトラッキング #40059176 | ChromeStatus.com のエントリ | 仕様

CSS ステップ値関数 - round()、mod()、rem()

ステップ値関数では round() mod()、 rem() の場合、特定の 別の「ステップ値」に従って処理します。

CSS 関数 round() は、選択した丸めに基づいて丸められた数値を返す 説明します。

CSS 関数 mod() は、最初のパラメータが 2 番目のパラメータで割る（JavaScript の余り演算子と同様） （%）。剰余は、1 つのオペランド（被除数）が 割った方の値です。常に除算子の符号を取得します。

CSS 関数 rem() は、最初のパラメータが 2 番目のパラメータで割られる（JavaScript の余り演算子と同様） （%）。余りは、1 つのオペランド（被除数）が 割った方の値です。常に分母の符号をとります。

<ph type="x-smartling-placeholder"></ph> バグ #40253179 | ChromeStatus.com のエントリ | 仕様

CSS カスタム :state() の新しい構文

CSS カスタム ステータスを使用すると、カスタム要素で独自の疑似クラスを公開できます。「 構文が CSSWG で仕様化され、Chrome 125 では新しい 構文 :state(foo)。この変更を行うと、Google Chrome が 以前の構文（:--foo）と新しい構文の両方をサポートするため、ウェブサイト 新しいものに切り替えることができます。

<ph type="x-smartling-placeholder"></ph> ChromeStatus.com のエントリ | 仕様

明度がほぼ 100% または 0 の Oklab と Oklch の色の不連続性を除去する

この変更前は、明度値が 100% の Lab、LCH、Oklab、Oklch の色は、他の 2 つのパラメータに関係なく白色としてレンダリングされていました。すべて 明度の値が 0 のこれらの空間の色は黒としてレンダリングされました。これらの 2 つのマッピングにより、グラデーションに不連続が生じ、ウェブ デベロッパーにとって予期しない結果になりました。

このロールバックにより、これらの色は人工的にマッピングされなくなり、表示される色は近隣の色と連続し、ディスプレイの色域マッピングに依存するようになります。

<ph type="x-smartling-placeholder"></ph> ChromeStatus.com のエントリ | 仕様

カラーパターンのルート スクロールバーを使用

「ページでサポートされているカラーパターン」の値が「normal」の場合、または指定されていない場合、およびルート要素の color-scheme の計算値が normal の場合、ブラウザはユーザーが好むカラーパターンを使用してビューポートのスクロールバーをレンダリングします。ビューポートのスクロールバーは、ウェブ コンテンツの外部と見なすことができます。そのため、ユーザー エージェントはユーザーの ビューポートのスクロールバーをレンダリングする際のカラーパターンが推奨されます。 明示的に指定されていません。

この変更により、デベロッパーがスクロールバーの配色を制御できなくなることはありません。新しい動作では、ブラウザはユーザーが指定した設定を使用するようになります。 オーバーレイ以外のスクロールバーをレンダリングするカラーパターン ルート要素のカラーパターンを指定していません。

タイトル | バグのトラッキング ID #40259909 | ChromeStatus.com のエントリ | 仕様

view-transitions クラス

新しい CSS プロパティ view-transition-class を使用すると、1 つ以上のビュー遷移クラスを指定できます。新しい P-MAX キャンペーンを これらのクラスを使用する ViewTransition 疑似要素。次に例を示します。 ::view-transition-group(*.class)。

これは ViewTransition API の拡張機能です。 同様の方法で、ビュー遷移疑似要素のスタイル設定を簡素化できます。 CSS クラスを使用して通常の DOM 要素のスタイル設定を簡素化できます。

<ph type="x-smartling-placeholder"></ph> バグ #41492972 のトラッキング | ChromeStatus.com のエントリ | 仕様

読み込んでいます

WebSocket の作成時に HTTP URL と HTTPS URL を受け入れる

この更新により、WebSocket コンストラクタで HTTP スキームと HTTPS スキームが有効になり、デベロッパーは相対 URL を使用できるようになります。これらの URL は、ws: 内部スキームと wss: 内部スキームに正規化されます。

<ph type="x-smartling-placeholder"></ph> バグ #325979102 トラッキング バグ #325979102 | ChromeStatus.com のエントリ | 仕様

ウェブ API

Attribution Reporting API への追加

Attribution Reporting API に、解析エラーのデバッグ レポートをサポートしてデバッグ機能を追加し、優先登録プラットフォームを指定するフィールドをサポートして API の使い勝手を改善し、プライバシーを強化する機能が追加されました。

ChromeStatus.com のエントリ

Compute Pressure API

Compute Pressure API を使用すると、 システムの CPU 負荷を表すハイレベルの状態です。これにより、 適切な基盤ハードウェアの指標を使用して ユーザーが 使用可能なすべての処理能力を活用できますが 管理しにくいストレスにさらされていないことを確認できます。

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

<ph type="x-smartling-placeholder"></ph> Compute Pressure API | バグ #40683064 | ChromeStatus.com のエントリ | 仕様

これにより、Storage Access API の拡張機能（下位互換性があり、オリジン トライアルでテスト済み）がリリースされ、サードパーティのコンテキストでパーティション分割されていない Cookie と Cookie 以外のストレージにアクセスできるようになります。現在の API では Cookie へのアクセスのみが提供されるため、Cookie 以外のストレージとは異なるユースケースに対応します。

<ph type="x-smartling-placeholder"></ph> バグ #40282415 | ChromeStatus.com のエントリ | 仕様

ID アサーション エンドポイントに対する FedCM CORS の要件

FedCM API の取得は、必要なプロパティが原因で推論が困難です。アカウントに関する話し合いが進行中の場合 また、ID アサーションのエンドポイントは 使用します。今回のアップデートにより、この取得のセキュリティ特性は ウェブ プラットフォームで取得されます。

<ph type="x-smartling-placeholder"></ph> FedCM の更新: ボタンモード API オリジン トライアル、CORS、SameSite | バグ #40284123 | ChromeStatus.com のエントリ

FedCM が CORS を使用して ID アサーション リクエストを送信するようになりました。この変更により、Chrome は ID アサーション エンドポイントに SameSite=Strict Cookie を送信しなくなりますが、SameSite=None は引き続き送信します。メッセージを送信しても意味がないため、 さまざまな Cookie のセットをアカウントのエンドポイントと ID アサーションに送信します。 この変更により整合性が確保されます

SameSite=Strict Cookie を送信しないことは、requestStorageAccess の動作と一般的なクロスサイト リクエストにも一貫しています。

<ph type="x-smartling-placeholder"></ph> バグ #329145816 | ChromeStatus.com のエントリ | 仕様

相互運用可能な mousemove のデフォルト アクション

Chrome では、テキスト選択など他の API の動作を防ぐために、mousemove イベントをキャンセルすることができました（過去にはドラッグ＆ドロップも防止できました）。この振る舞いは他の主要ブラウザにはなく、UI イベントの仕様にそぐわないものです。これにより、テキスト選択が mousemove のデフォルト アクションではなくなります。テキストの選択とドラッグ&ドロップは、 selectstart と dragstart のイベントをキャンセルすることで引き続き防止できます できます。

この機能は Chrome 125 以降、段階的にリリースされる予定です。 Chrome 126 までにすべてのユーザーが利用できるようになる予定です。

<ph type="x-smartling-placeholder"></ph> デモ | バグ #40078978 | ChromeStatus.com のエントリ | 仕様

正規表現修飾子

正規表現修飾子を使用すると、i、m、 および s 分使用しないでください。

サブ式のフラグを有効にするには、(?X:subexpr) を使用します。ここで、X は次のいずれかです。 i、m、または s。サブ式のフラグを無効にするには、(-X:subexpr) を使用します。

たとえば、大文字と小文字を区別しない i フラグの場合:

const re1 = /^[a-z](?-i:[a-z])$/i;
re1.test("ab"); // true
re1.test("Ab"); // true
re1.test("aB"); // false

const re2 = /^(?i:[a-z])[a-z]$/;
re2.test("ab"); // true
re2.test("Ab"); // true
re2.test("aB"); // false

ChromeStatus.com のエントリ | 仕様

正規表現が名前付きキャプチャ グループと重複しています

名前付きキャプチャ グループを複製すると、同じキャプチャ グループ名を使用できます 検討する必要があります次に例を示します。

const re = /(?<year>[0-9]{4})-[0-9]{2}|[0-9]{2}-(?<year>[0-9]{4})/;

この場合、year は最初の変換候補（(?<year>[0-9]{4})-[0-9]{2}）のいずれかに対して有効です。 または 2 つ目の方法（[0-9]{2}-(?<year>[0-9]{4})）を使用します。

ChromeStatus.com のエントリ | 仕様

Chrome アプリ

Chrome アプリでの Direct Sockets API

このアップデートにより、特殊なアプリを Chrome アプリから Chrome アプリで Direct Sockets を有効にして分離されたウェブアプリ。つまり、ウェブアプリと 直接伝送制御プロトコル（TCP）とユーザー データグラム プロトコルを確立する （UDP）通信に使用されます。

ChromeStatus.com のエントリ | 仕様

新しいオリジン トライアル

FedCM Button Mode API とその他のアカウント API の使用

このオリジン トライアルには、次の 2 つの FedCM API が含まれています。

Button Mode API を使用すると、次のようなボタンのクリック内でウェブサイトが FedCM を呼び出すことができます。 [Sign-in to IdP] ボタンをクリックします。そのため、FedCM は、ユーザーがログアウトしたときに UI が表示されないウィジェット モードとは対照的に、常に表示可能なユーザー インターフェースで応答することを保証する必要があります。ボタンモードで FedCM API を呼び出すと、ユーザーがログアウトしている場合は、ダイアログ ウィンドウで IdP にログインします。

また、ボタンモードは明示的なユーザー リスト内で呼び出されるため、 操作すると、UI がより目立ちやすくなります（中央揃えやモーダルなど）。 ウィジェット モードの UI と比較すると、 あります。Button Mode API の仕組みについて詳しくは、FedCM の最新情報: Button Mode API オリジン トライアル、CORS、SameSite をご覧ください。

Use Other Account API を使用すると、ID プロバイダでユーザーが できます。

オリジン トライアル | デモ | バグのトラッキング #40284792 | ChromeStatus.com のエントリ | 仕様

折りたたみ式デバイスの API

このオリジン トライアルには、Device Posture API と Viewport Segments Enumeration API が含まれています。これらの API は、折りたたみ式デバイスをターゲットとする できます。

<ph type="x-smartling-placeholder"></ph> オリジン トライアル | 折りたたみ式用 API のオリジン トライアル | ChromeStatus.com のエントリ | 仕様

接頭辞付きの HTMLVideoElement Fullscreen プロパティとメソッドのサポート終了トライアル

このデプリケーション トライアルでは、 HTMLVideoElement のプロパティとメソッドで、 説明します。

オリジン トライアル | ChromeStatus.com のエントリ

プリロード スキャンをスキップする

プリロード スキャナをスキップして探索できます。 サブリソース フェッチがないページのパフォーマンス上のトレードオフ。

プリロード スキャナのステップにより、サブリソースのあるページのパフォーマンスが向上します 実装されています。ただし、このステップのメリットがないページ（サブリソースのないページ）では、処理のオーバーヘッドが増えるだけでメリットはほとんどありません。

このオーバーヘッドを削減したいと考えている上級ウェブユーザーのために、 テストでは、プリロード スキャナをページレベルで無効にできます。このテストから収集されたデータは、変更された API または HTML プリロード スキャナの別の実装が有用かどうかを評価するために使用できます。

<ph type="x-smartling-placeholder"></ph> オリジン トライアル | バグ #330802493 | ChromeStatus.com のエントリ | 仕様

サポートの終了と機能の削除

「window-placement」を削除権限と権限ポリシー「window-management」のエイリアス

「window-placement」を削除します。権限と権限ポリシーのエイリアス 「window-management」を指定します。これは、最終的に 「window-placement」を非推奨にして削除することで文字列の名前を変更する大規模な取り組みの一環です。用語の変更により、ウィンドウ サイズの変化に応じて記述子の寿命が Management API は時間とともに進化します。

タイトル | バグのトラッキング #40842072 | ChromeStatus.com のエントリ | 仕様

エンタープライズ ポリシーの削除: NewBaseUrlInheritanceBehaviorAllowed

このエンタープライズ ポリシーによってオーバーライドされる根本的なコード変更（新しいベース URL の継承動作を有効にする）は、2023 年 8 月以降の Stable チャンネルのリリース（Chrome 118）で有効になっています。既知の問題はすでに解決されているため、 ポリシーは Chrome 125 で削除されました。

ChromeStatus.com のエントリ

接頭辞付きの HTMLVideoElement の全画面表示プロパティとメソッドの削除

接頭辞付きの HTMLVideoElement 全画面 API は、Chrome 38 で非推奨になりました。Element.requestFullscreen() に置き換えられました。 2018 年に Chrome 71 で プレフィックスなしでリリースされます

HTMLVideoElement から次のプロパティとメソッドが削除されます。

  • webkitSupportsFullscreen
  • webkitDisplayingFullscreen
  • webkitEnterFullscreen()
  • webkitExitFullscreen()
  • webkitEnterFullScreen()（ FullScreen)
  • webkitExitFullScreen()

以下の場合は、この投稿に記載されているデプリケーション トライアルに登録します。 サイトが依然としてこれらに依存しており、コードの更新にさらに時間が必要な場合。

ChromeStatus.com のエントリ

関連情報

さらに情報を探す場合は、以下の参考リンクをご確認ください。

Google Chrome をダウンロード

Chrome for Google をダウンロード Android、 パソコン iOS。