安定版リリース日: 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 ハイライトの継承を使用すると、::selection
や ::highlight
などの CSS ハイライト疑似クラスは、要素チェーンではなく疑似ハイライト チェーンを介してプロパティを継承します。その結果、ハイライトのプロパティを継承するより直感的なモデルが得られます。
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 のエントリ | 仕様
CSP 制限から Speculation-Rules ヘッダーを免除する
推測ルールと 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 のタイミング情報を追加しました。この情報は、デベロッパーが使用できるように、ナビゲーション タイミング API とリソース タイミング 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 のリリース カレンダー
- サポート終了の予定
- 今後の削除