Chrome 127

安定版リリース日: 2024 年 7 月 23 日

特に記載のない限り、Chrome 127 安定版には以下の変更が適用されます。 Android、ChromeOS、Linux、macOS、Windows 用のチャンネル リリースです。

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

CSS

CSS のフォントサイズ調整

font-size-adjust CSS プロパティを使用すると、小文字のサイズを大文字のサイズに対して相対的に変更できます。これにより、全体のフォントサイズが決まります。このプロパティは、フォントのフォールバックが発生する可能性がある状況で役立ちます。

Chrome 127 には、フォントの指標と値を渡す 2 つの値の構文があります。

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

CSS 生成コンテンツの複数引数のアラートテキスト

CSS の content プロパティを使用すると、次の構文でユーザー補助の代替テキストを指定できます。 css .has-before-content::before { content: url("cat.jpg") / "A cute cat"; }

代替テキストが 1 つの文字列で指定されるこの機能は、Chrome ですでにサポートされています。Chrome 127 以降では、任意の数の要素で代替テキストを指定できます。文字列に加えて、attr() 関数やカウンタも指定できます。例:

.has-before-content::before {
  content: url("cat.jpg") / "A cute " attr(data-animal);
}

この機能のエントリには、カウンタのサポートの追加は含まれていません。

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

iframes での View Transition API のサポート

Chrome 127 以降では、メインフレームと同一オリジンの iframe 内で、同一ドキュメントのビューの同時遷移が 1 つ使用できるようになります。

以前は、メインフレームで遷移が同時に実行されている場合は、同一オリジンの iframe で document.startViewTransition を使用してビュー遷移を実行しても、正常に機能しませんでした。iframe の遷移は自動的にスキップされます。これで、両方の遷移が実行されます。

iframe 内の同一オリジンのクロスドキュメント ナビゲーションでのビュー遷移もサポートされます。

文字サイズの調整機能の改善

text-size-adjust プロパティは、モバイル デバイスのフォントサイズを調整します。auto 以外の値を指定すると、テキストサイズの自動調整が無効になります。パーセンテージ値を指定すると、計算されるテキストのサイズが大きくなります。

これにより、text-size-adjust の一貫性が向上するため、フォントサイズ（および行の高さ）の直接の乗数のように機能します。主な変更点は次のとおりです。

  • text-size-adjust は、メタビューポートの有無にかかわらず機能します。
  • auto 以外の値を指定すると、テキストサイズの自動調整がすべて無効になります。
  • パーセンテージはヒューリスティックなしで直接適用されます。
  • レイアウトのバグが修正されました。

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

ウェブ API

コンテンツを自動的に全画面表示するための設定

新しい「自動全画面表示」コンテンツ設定を使用すると、企業の管理者はユーザー操作なしでサイトを全画面表示にすることができます。ユーザーは、サイト設定ページで分離されたウェブアプリがこの機能を使用できるようにすることもできます。

ウィンドウ管理の権限とポップアップのブロック解除を組み合わせることで、さまざまな全画面表示機能を利用できるようになります。

  • 1 回の操作で別のディスプレイで全画面表示のポップアップを開く。
  • 1 回の操作で全画面表示のコンテンツを複数の画面で表示する。
  • 新しい画面で全画面表示のコンテンツを表示する（接続されている場合）。
  • 1 回の操作で全画面表示ウィンドウをディスプレイ間で切り替えることができます。
  • ユーザー ジェスチャーの有効期限が切れた後、またはユーザーが消費した後に全画面表示コンテンツを表示します。

デモ | バグのトラッキング #1501130 | ChromeStatus.com のエントリ

WebGPU: GPUAdapter info 属性

同期 GPUAdapter info 属性を追加して、非同期 GPUAdapter requestAdapterInfo() メソッドと同じ物理アダプターに関する情報を取得します。

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

メディア

動画チャプター（MediaMetadata）

セクションのタイトル、タイムスタンプ、スクリーンショット画像など、個々のチャプター情報を追加できるようになりました。これにより、ユーザーはメディアのコンテンツ内を移動できます。

現在のところ、この項目は ChromeOS のメディア通知にのみ表示され、Chrome ブラウザのグローバル メディア コントロールには表示されません。

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

ドキュメントのピクチャー イン ピクチャー: ユーザー アクティベーションの伝播

これにより、ドキュメントのピクチャー イン ピクチャー ウィンドウでのユーザー操作を、その開いたウィンドウ内で使用できるようになります。その逆も同様です。ドキュメントのピクチャー イン ピクチャー ウィンドウ内のイベント ハンドラは実際にはオープナーのコンテキストで実行されることが多く、オープナーのコンテキストがユーザー操作にアクセスする必要があるため、ユーザー起動を制御する API をより人間工学的に使用できます。

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

JavaScript

インポートマップの整合性

現在、インポートされた ES モジュールの整合性チェックは行えません。そのため、サブリソースの完全性または require-sri-for CSP ディレクティブを必要とする環境では実行できません。

この機能によって、マップをインポートするための integrity セクションが追加され、デベロッパーは ES モジュールの URL を整合性メタデータにマッピングして、想定されるハッシュに一致する場合にのみ読み込まれるようにできます。

バグのトラッキング: #334251999 | ChromeStatus.com のエントリ

スナップ イベント

スナップ イベントを使用すると、デベロッパーはスクロールのスナップ ターゲットが変更されたタイミングを信頼性の高い方法でリッスンし、必要に応じてスタイルを調整できます。

CSS スクロール スナップポイントは、スクロール インタラクティブ選択コンポーネントを作成するメカニズムとしてよく使用されます。このコンポーネントでは、JavaScript の交差オブザーバーとスクロール終了の推定値を使用して選択が決定されます。組み込みイベントを作成すると、非表示の状態が適切なタイミングで実行可能になり、常に正しい状態になります。

この機能は、次の 2 つの JavaScript イベントを追加します。 scrollsnapchange と scrollsnapchanging。scrollsnapchange イベントは、スクロール操作（スナップを含む）の完了時に、スクローラーがスナップされる要素が変更されたことをデベロッパーに通知します。scrollsnapchanging イベントは、スクロール操作中に、ユーザー エージェントがこれまでのスクロール入力に基づいてスクロール コンテナを新しいスナップ ターゲットにスナップしようとしていることを示すヒントをデベロッパーに提供します。

プライバシー

Attribution Reporting API の集計デバッグ レポート

この変更は、サードパーティ Cookie のサポートが終了した後も、API でなんらかのデバッグ情報を引き続き提供できるようにするためです。これはサードパーティ Cookie に関連付けられていない新しいレポート タイプで、同様のデバッグ情報を提供します。この機能を使用すると、API 呼び出し元は集約形式でデバッグ シグナルをリクエストして受信できます。この機能は、API でサポートされている現在の集計レポートとよく似ていますが、新しいレポートがデバッグ シグナル専用である点が異なります。

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

ユーザー補助

キーボードでフォーカス可能なスクロール コンテナ

この機能では次の変更が行われています。

デフォルトでは、スクローラーはクリック フォーカス可能で、プログラムによりフォーカス可能です。 フォーカス可能な子のないスクローラーはデフォルトでキーボード フォーカス可能になります。

これは、スクローラーとスクローラー内のコンテンツにすべてのユーザーがアクセスしやすくするための重要な改善です。メリットについて詳しくは、この投稿をご覧ください。 キーボードのフォーカス可能なスクローラー。 Chrome 127 以降、キーボードのフォーカス可能スクローラーがデフォルトで有効になります。ウェブサイトでこの新機能に慣れる時間が必要な場合は、次の選択肢があります。

<ph type="x-smartling-placeholder"></ph> キーボードのフォーカス可能なスクローラー | バグ #1040141 | ChromeStatus.com のエントリ | 仕様

読み込んでいます

No-Vary-Search によるプリレンダリングのサポート

No-Vary-Search サポートを拡張して、以前のプリフェッチ サポートの上に事前レンダリングを行います。これにより、特定の URL クエリ パラメータが変更されても、プリレンダリング エントリが一致するようになります。No-Vary-Search HTTP レスポンス ヘッダーは、キャッシュ マッチング目的で URL のクエリの一部またはすべてを無視できることを宣言します。

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

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

Shared Brotli と Shared Zstandard を使用した圧縮辞書転送

この機能では、Brotli または Zstandard で圧縮された HTTP レスポンスを外部辞書として、指定された以前のレスポンスを使用するためのサポートが追加されています。

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

サードパーティ Cookie のサポート終了

Google は、サードパーティ Cookie（クロスサイト Cookie とも呼ばれます）のデフォルト アクセスを廃止し、削除する予定です。まず 2024 年第 1 四半期に 1% のテスト期間を開始し、その後 2025 年第 1 四半期から段階的に廃止する予定です。ただし、英国の競争市場庁の競争上の懸念事項をすべて解決することを条件とします。

サードパーティ Cookie の段階的廃止は、プライバシー サンドボックスの取り組みの中心的な取り組みです。この取り組みは、新しいテクノロジーを通じて主要なユースケースをサポートしながら、ウェブ（およびそれ以外）でのクロスサイト トラッキングを責任を持って削減することを目指しています。

デモ | ChromeStatus.com のエントリ | 仕様

ストレージ、Service Worker、通信 API のパーティショニング

Chrome 115 以降、ストレージ API、サービス ワーカー API、通信 API はサードパーティのコンテキストでパーティショニングされます。Chrome 113～126 では、サイトは非推奨トライアルに参加して、ストレージ API、サービス ワーカー API、通信 API を一時的にパーティショニング解除し、以前の動作を復元できました。

Chrome 125 以降では、Storage Access API で Cookie 以外のストレージがサポートされます。これにより、パーティション分割されていないストレージのユースケースの大部分に対応できます。これらのユースケースが満たされない場合、Chrome 127 ～ 132（両端を含む）のユーザーに対して、DisableThirdPartyStoragePartitioning デプリケーション トライアルで 6 マイルストーンの更新をリクエストできるようになりました。

詳しくは、ストレージ パーティショニングのデプリケーション トライアルの更新に関するブログ投稿をご覧ください。

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

キーボードでフォーカス可能なスクロール コンテナの非推奨化トライアル

この機能には、次の変更が導入されています。

スクロールバーはデフォルトでクリック フォーカス可能、かつプログラマティック フォーカス可能となります。フォーカス可能な子がないスクローラーは、デフォルトでキーボードでフォーカス可能です。

これらの変更をリリースしようとしたところ、一部のサイトのコンポーネントで想定外の動作が発生することが判明しました。そのため、この不具合を回避するために機能をリリースする必要がありました。上記のメリットを考慮し、この機能は 127 年以降にリリースされる予定です。 影響を受けるサイトがコンポーネントを移行するのに十分な時間を確保するため、サポート終了トライアルを開始します。有効にすると、キーボードフォーカス可能なスクロール ers 機能が無効になります。

オリジン トライアル | キーボードでフォーカス可能なスクロールバー | トラッキング バグ #1040141 | ChromeStatus.com のエントリ | 仕様

非推奨と削除

このバージョンの Chrome では、下記の非推奨化と削除が導入されています。サポート終了の予定、現在のサポート終了、以前の削除のリストについては、ChromeStatus.com をご覧ください。

Chrome の今回のリリースでは、次の 3 つの機能が削除されます。

ミューテーション イベント

Chrome 127 以降、ミューテーション イベントのサポートがデフォルトで無効になります。サイトの中断を避けるため、その前にコードを移行してください。さらに時間が必要な場合は、次の選択肢があります。

  • ミューテーション イベントのデプリケーション トライアル（https://developer.chrome.com/origintrials/#/view_trial/919297273937002497）を利用して、限られた時間のみ一部のサイトで機能を再有効化できます。この機能は、2025 年 3 月 25 日までの Chrome 134 までご利用いただけます。
  • MutationEventsEnabled エンタープライズ ポリシーも、同様の目的のため Chrome 134 で利用できます。

詳しくは、ブログ投稿のミューテーション イベントのサポート終了をご覧ください。

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

「プライベート ネットワーク リクエスト」を制限するサブリソースにパブリック ウェブサイトからの安全なコンテキストを

パブリック ウェブサイトのサブリソースに対するプライベート ネットワーク リクエストは、安全なコンテキストからのみ開始できるようにします。たとえば、インターネットからイントラネットへのリクエストや、インターネットからループバックのリクエストなどです。

これは、プライベート ネットワーク アクセスを完全に実装するための第一歩です。

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

古い CSS カスタム ステータスの構文を削除

CSS カスタム ステータスの疑似クラスの名前が :--foo から :state(foo) に変更されます。新しい構文 :state(foo) はデフォルトで有効になっているため、:--foo 構文を削除します。

Firefox と Safari は古い構文を実装したことがなく、どちらも新しい構文をリリースしています。

追加の時間が必要な Enterprise のお客様は、CSSCustomStateDeprecatedSyntaxEnabled ポリシーを使用できます。このポリシーは Chrome 131 で廃止されます。

トラッキング バグ #41486953 | ChromeStatus.com のエントリ

関連情報

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

Google Chrome をダウンロード

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