安定版リリース日: 2024 年 11 月 12 日
特に記載のない限り、以下の変更は Android、ChromeOS、Linux、macOS、Windows 向けの Chrome 131 Stable チャンネル リリースに適用されます。
CSS
CSS Anchor Positioning: anchor-scope
anchor-scope
プロパティを使用すると、アンカー名の可視性を特定のサブツリーに制限できます。
バグのトラッキング #40281992 | ChromeStatus.com のエントリ | 仕様
CSS font-variant-emoji
font-variant-emoji
CSS プロパティを使用すると、カラー(絵文字 スタイル)とモノクロ(テキスト スタイル)の絵文字グリフを切り替えることができます。これは、各絵文字コードポイントの後に絵文字のバリエーション セレクタ(テキストの場合は U+FE0E
、絵文字の場合は U+FE0F
)を追加することでも行えます。
MDN font-variant-emoji | ChromeStatus.com のエントリ
CSS ハイライトの継承
CSS ハイライトの継承に関する変更は Chrome 131 でリリースされる予定でしたが、互換性の問題により削除されました。
CSS 選択スタイルの継承の変更 | ChromeStatus.com のエントリ | 仕様
<details>
要素と <summary>
要素のスタイル設定構造を改善
<details>
要素と <summary>
要素の構造に対する CSS スタイルをさらにサポートし、開示ウィジェットやアコーディオン ウィジェットがウェブ上で構築される多くのケースでこれらの要素を使用できるようにしました。特に、この変更により、これらの要素に display プロパティを設定できない制限が解除され、::details-content
疑似要素が追加され、展開と閉じを繰り返す部分のコンテナにスタイルを設定できるようになります。
バグのトラッキング用番号 #1469418 | ChromeStatus.com のエントリ | 仕様
@page
余白ボックス
ウェブドキュメントを印刷する場合や PDF としてエクスポートする場合に、ページの余白ボックスのサポートを追加しました。
@page
マージン ボックスを使用すると、ページの余白領域にコンテンツを定義できます。たとえば、ブラウザによって生成される組み込みのヘッダーとフッターを使用するのではなく、カスタムのヘッダーとフッターを指定できます。
マージン ボックスは、CSS @page
ルール内の at ルールを使用して定義します。マージン ボックスの外観と内容は、content プロパティを含む at ルール内の CSS プロパティで指定します。ページ番号用のカウンタもサポートされています。仕様では、2 つの特別なカウンタ名が定義されています。現在のページ番号の page
とページの合計数を示す pages
です。
CSS を使用して印刷するときに、ウェブページの余白にコンテンツを追加 | トラッキング バグ #320370 | ChromeStatus.com のエントリ | 仕様
@property
は <string>
構文をサポート
登録済みのカスタム プロパティの <string>
構文コンポーネント名をサポート。
バグのトラッキング #357751736 | ChromeStatus.com のエントリ | 仕様
パーサーの緩和を選択する
これにより、HTML パーサーは <option>
、<optgroup>
、<hr>
に加えて <select>
のタグを許可します。
この変更は、カスタマイズ可能な <select>
機能をサポートしています。
バグのトラッキング #335456114 | ChromeStatus.com のエントリ
相対色構文で currentcolor
をサポート
CSS の相対色(from キーワードを使用)で currentcolor
をベースとして使用できるようにします。これにより、要素のテキストの色に基づいて、その要素の枠線、シャドウ、背景に補色を設定できます。
この機能には、color-mix(in srgb, rgb(from currentcolor r g b), white))
や rgb(from rgb(from currentcolor 1 g b) b g r)
など、現在の色に依存する色関数がネストされているユースケースも含まれます。
バグのトラッキング #325309578 | ChromeStatus.com のエントリ | 仕様
clip-path
、fill
、stroke
、marker-*
プロパティの外部 SVG リソースをサポート
この機能により、クリップパス、マーカー、ペイント サーバー(fill
プロパティと stroke
プロパティ)の外部参照がサポートされます。例: clip-path: url("resources.svg#myPath")
バグのトラッキング #40134477 | ChromeStatus.com のエントリ | 仕様
ウェブ API
Direct Sockets API
分離されたウェブアプリが、ネットワーク デバイスやシステムとの直接の伝送制御プロトコル(TCP)とユーザー データグラム プロトコル(UDP)通信を確立し、受信接続をリッスンして受け入れることを許可します。
バグのトラッキング #909927 | ChromeStatus.com のエントリ | 仕様
Speculation-Rules ヘッダーを CSP 制限から除外
推測ルールと CSP の統合を更新し、CSP が Speculation-Rules
ヘッダーではなく <script type=speculationrules>
にのみ適用されるようにしました。
Storage Access API の信頼シグナルとしての FedCM
以前の FedCM がストレージ アクセス リクエストを自動的に承認する正当な理由を付与することで、FedCM と Storage Access API を調整します。
バグのトラッキング #330574529 | ChromeStatus.com のエントリ
noopener-allow-popups COOP 値
オリジンには、セキュリティ要件のレベルが異なるさまざまなアプリケーションが含まれている場合があります。このような場合は、1 つのアプリケーションで実行されているスクリプトが、別の同じオリジンのアプリケーションのページを開いてスクリプトを実行できないようにすることをおすすめします。
このような場合は、開いたドキュメントが同じオリジンのドキュメントであっても、開いたドキュメントがスクリプトを実行できないようにすることが有用です。
noopener-allow-popups
Cross-Origin-Opener-Policy 値を使用すると、ドキュメントでこれを定義できます。
トラッキング バグ #344963946 | ChromeStatus.com のエントリ
専用ワーカーでの WebHID
専用のワーカー コンテキスト内で WebHID を有効にします。これにより、HID デバイスからの大量の I/O とデータ処理を別のスレッドで実行できるため、メインスレッドのパフォーマンスへの影響を軽減できます。
WebRTC RTCRtpEncodingParameters.scaleResolutionDownTo
指定された maxWidth
と maxHeight
より大きい入力フレームをスケーリングするように WebRTC エンコーダを構成する API。この API は scaleResolutionDownBy
に似ていますが、解像度の制約が相対的な値(2 倍にスケールダウンなど)ではなく絶対的な値(640x360 など)で表される点が異なります。これにより、入力フレームサイズの変更に関連する競合状態を回避できます。
WebXr ハンド入力モジュール レベル 1
WebXr セッション中に使用するために、XrInputSources
でハンドジョイント データを公開します。これにより、デベロッパーは WebXr セッション中によりきめ細かい操作を行うことができます。
バグのトラッキング #359418633 | ChromeStatus.com のエントリ | 仕様
レンダリングとグラフィック
WebGPU クリップの距離
頂点シェーダー出力でユーザー定義のクリップ距離を設定できるオプションの GPU 機能 clip-distances
を追加しました。この手法は、多くの CAD アプリケーションなど、シーン内のすべての頂点がユーザー定義の平面を超えている場合に特に便利です。
トラッキング バグ #358408571 | ChromeStatus.com のエントリ | 仕様
WebGPU: GPUCanvasContext getConfiguration()
構成辞書を使用して GPUCanvasContext configure()
が呼び出された後、GPUCanvasContext getConfiguration()
メソッドを使用してキャンバス コンテキストの構成を確認できます。これには、GPU device
、format
、usage
、viewFormats
、colorSpace
、toneMapping
、alphaMode
のメンバーが含まれます。問題 4828 で説明されているように、ウェブアプリはこれを WebGPU で HDR キャンバスがサポートされているかどうかを検出するために使用できます。
バグのトラッキング #370109829 | ChromeStatus.com のエントリ | 仕様
プライバシー
Attribution Reporting API: トリガー登録の集計キー識別子のサイズ制限を削除
以前は、集計キー識別子の長さの上限は、ソースとトリガーの両方の登録でチェックされていました。この上限はプライバシーのためではなく、ストレージに保持されないため、トリガーの登録で削除されます。
Private Aggregation API: Protected Audience 呼び出し元の貢献上限を 100 に引き上げ
Protected Audience スクリプト ランナーが、非公開集計レポートごとに最大 100 件の貢献を可能にします(現在の上限は 20 件)。
非公開集計では、1 つの集計可能レポートに埋め込むことができるヒストグラム コントリビューションの数を制限し、追加のコントリビューションは破棄されます。共有ストレージの呼び出し元は、別の共有ストレージ オペレーションを呼び出すことで、この上限を回避できます。ただし、Protected Audience の呼び出し元には永続ストレージがないため、オークションの終了時に余分な貢献が失われます。この変更はプライバシーに中立です。API の貢献は引き続き同じプライバシー予算によって制限されます。
パディングにより、より大きなコントリビューションの上限を必要としていない場合でも、各 Protected Audience レポートのペイロードが大きくなります。このような大規模なレポートにより、集計サービスの運用コストが増加することが予想されます。
バグのトラッキング #360160864 | ChromeStatus.com のエントリ
オリジン トライアル
WebAudio の Playout Statistics API
AudioContext.playoutStats
API を使用すると、アプリは WebAudio を使用してオーディオ再生の品質とレイテンシを測定できます。
オリジン トライアル | ChromeStatus.com のエントリ | 仕様
ServiceWorkerStaticRouterTimingInfo
ServiceWorker の静的ルーティング API のタイミング情報を追加しました。この情報は、デベロッパーが使用できるように、Navigation Timing API と Resource Timing API で公開されます。
Service Worker は、特定の時点をマークするためのタイミング情報を提供します。Static Routing API に関連するタイミング情報を 2 つ追加します。RouterEvaluationStart(登録済みのルータールールとリクエストの照合を開始する時間)と CacheLookupStart(ソースが「cache」の場合にキャッシュ ストレージの検索を開始する時間)です。また、2 つのルーター ソース情報(一致したルーター ソースと最終的なルーター ソース)も追加します。
オリジン トライアル | ChromeStatus.com のエントリ
Summarization API
AI 言語モデルを基盤とする入力テキストの要約を作成する JavaScript API。
オリジン トライアル | Summarization API のドキュメント | トラッキング バグ #351744634 | ChromeStatus.com のエントリ
Translator API
ウェブページに言語翻訳機能を提供する JavaScript API。
オリジン トライアル | Translator API のドキュメント | トラッキング バグ #322229993 | ChromeStatus.com のエントリ
サポートの終了と機能の削除
CSS Anchor Positioning プロパティ inset-area
を削除
CSS Working Group が inset-area
プロパティの名前を position-area
に変更することを決定したことを受け、この削除により、標準に準拠した機能のために Chromium の実装がクリーンアップされます。
バグのトラッキング #352360007 | ChromeStatus.com のエントリ
BeforeunloadEventCancelByPreventDefault
を無効にする機能を削除
機能 BeforeunloadEventCancelByPreventDefault
は Chrome 117 でリリースされましたが、このフラグを強制的に無効にできるエンタープライズ ポリシーがあります。このエンタープライズ ポリシーは Chrome 131 で削除されます。
非標準の GPUAdapter requestAdapterInfo()
メソッドを削除
WebGPU ワーキング グループは、requestAdapterInfo()
で権限プロンプトをトリガーすることは現実的ではないと判断し、そのオプションを削除して GPUAdapter の info
属性に置き換えました。これにより、ウェブ デベロッパーは同じ GPUAdapterInfo
値を同期的に取得できるようになりました。
関連情報
さらに情報を探す場合は、以下のリソースもご覧ください。
- Chrome 131 の新機能
- Chrome DevTools 131 の新機能
- Chrome 131 に関する ChromeStatus.com の更新
- Chrome のリリース カレンダー
- サポート終了予定の機能
- 今後の削除