Chrome 125

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

特に明記されていない限り、Chrome 125 Stable 版には以下の変更が適用されます。 チャンネル リリースです。

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

HTML と DOM

宣言型 Shadow DOM のシリアル化

Shadow ルートを含む DOM ツリーをシリアル化できる機能。 HTML 規格で最近標準化されたものです。

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

CSS

CSS アンカーの配置

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

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

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

<ph type="x-smartling-placeholder"></ph> 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 のエントリ | 仕様

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

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

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

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

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

変更前は、Lab、LCH、Oklab、Oklch のすべての色が明度の値になっていました が他の 2 つのパラメータに関係なく、白色としてレンダリングされました。すべて 明度の値が 0 のこれらの空間の色は黒としてレンダリングされました。これらの 2 つのマッピングが勾配の不連続を引き起こし、ウェブ 開発できます。

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

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

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

ブラウザでユーザーが希望するカラーパターンを使用してビューポートをレンダリングする [ページでサポートされているカラーパターン] の値が「normal」どうか 計算された値と、 color-scheme normal です。ビューポートのスクロールバーは ウェブ コンテンツ以外の場所。そのため、ユーザー エージェントはユーザーの ビューポートのスクロールバーをレンダリングする際のカラーパターンが推奨されます。 明示的に指定されていません。

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

<ph type="x-smartling-placeholder"></ph> タイトル [title] | バグ #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 を使用できるようにしますこれらは正規化されて ws: と wss: の内部スキーム。

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

ウェブ API

Attribution Reporting API への追加

Attribution Reporting API に機能が追加され、 デバッグ機能、エラー デバッグ レポートの解析、API の改善 希望の登録プラットフォームを指定するフィールドをサポートすることで人間工学的に優れた利便性を実現しています。 向上させることができます。

<ph type="x-smartling-placeholder"></ph> 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 は SameSite=Strict Cookie を ID アサーション エンドポイントに送信しなくなりました。ただし、 Chrome は引き続き SameSite=None を送信します。メッセージを送信しても意味がないため、 異なる Cookie のセットをアカウントのエンドポイントと ID アサーションに送信します。 この変更により整合性が確保されます

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

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

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

テキストなどの他の API を防ぐために、マウス移動イベントをキャンセルできるようになった（Chrome） これまではドラッグ&ドロップで選択したりできますこれは他の専攻分野と一致していません ブラウザUI イベント仕様に準拠していないためです。これでテキスト選択は マウス移動のデフォルトのアクションではなくなりましたテキストの選択とドラッグ&ドロップは、 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

<ph type="x-smartling-placeholder"></ph> 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})）を使用します。

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

Chrome アプリ

Chrome アプリでの Direct Sockets API

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

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

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

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

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

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

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

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

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

Foldable API

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

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

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

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

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

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

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

プリロード スキャナのステップにより、サブリソースのあるページのパフォーマンスが向上します 実装されています。ただし つまり、サブリソースがないページの場合は、 処理オーバーヘッドが増加します

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

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

非推奨と削除

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

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

<ph type="x-smartling-placeholder"></ph> タイトル [title] | バグ #40842072 | ChromeStatus.com のエントリ | 仕様

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

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

<ph type="x-smartling-placeholder"></ph> ChromeStatus.com のエントリ をご覧ください。

接頭辞付きの HTMLVideoElement Fullscreen プロパティとメソッドを削除

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

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

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

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

<ph type="x-smartling-placeholder"></ph> ChromeStatus.com のエントリ をご覧ください。

関連情報

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

Google Chrome をダウンロード

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