安定版のリリース日: 2024 年 6 月 11 日
特に明記されていない限り、Chrome 126 Stable 版には以下の変更が適用されます。 チャンネル リリースです。
<ph type="x-smartling-placeholder">CSS
同一オリジン ナビゲーションでのドキュメント間のビュー移行
以前は、ビューを使用するにはウェブサイトを SPA に再構築する必要がありました。 Transitions API。これは廃止されました。ビュー遷移を有効にする デフォルト(同一オリジン ナビゲーション用)です。ビュー遷移を作成することで、 同一オリジンの 2 つの異なるドキュメントが、
ドキュメント間でビューの移行を有効にするには、双方でオプトインする必要があります。タスク
@view-transition
ルールを使用して、navigation
記述子を次のように設定します。
auto
。
@view-transition {
navigation: auto;
}
ドキュメント間のビュー遷移では、ドキュメントと同じ構成要素と原則が
必要があります。view-transition-name
を含む要素
適用されたアニメーションがキャプチャされるため、CSS アニメーションを使用してこれらのアニメーションをカスタマイズできます。
<ph type="x-smartling-placeholder"></ph> View Transition API によるスムーズな遷移 | バグ #1372584 | ChromeStatus.com のエントリ | 仕様
ウェブ API
Gamepad API のトリガー ランブル拡張機能
GamepadHapticActuator
インターフェースを拡張してトリガー ランブルを公開します。
ウェブ アプリケーションの
ゲームパッドに対応しています。この拡張機能を使用すると、
Gamepad API の利点により、ゲームパッド デバイスのトリガーも振動
よくあります
<ph type="x-smartling-placeholder"></ph> バグ #40834175 | ChromeStatus.com のエントリ | 仕様
ChromeOS タブ形式ウェブアプリ
スタンドアロン ウィンドウの PWA では、一度に 1 ページしか開くことができません。 アプリによっては、ユーザーが一度に多くのページを開くことを想定しています。タブモードは 複数のタブを複数のタブで開くことができるように 1 回だけです。
新しい表示モードである "tabbed"
と新しいマニフェスト フィールドが
タブバーのカスタマイズを許可しています
<ph type="x-smartling-placeholder"></ph> バグ #40598974 のトラッキング | ChromeStatus.com のエントリ | 仕様
GeolocationCoordinates
と GeolocationPosition
の toJSON()
メソッド
.toJSON()
メソッドを GeolocationCoordinates
と
GeolocationPosition
インターフェース。これにより、これらのオブジェクトをシリアル化できます。
JSON.stringify()
で。
<ph type="x-smartling-placeholder"></ph> ChromeStatus.com のエントリ をご覧ください。
WebGLObject Web IDL スーパーインターフェース
この機能により、WebGL と同じコンテキストで WebGLObject
型が公開されます。
メインスレッドとワーカーで API が公開されます。
<ph type="x-smartling-placeholder"></ph> ChromeStatus.com のエントリ | 仕様
CloseWatcher
API を再度有効にし、<dialog>
と popover=""
のリクエストを閉じる
CloseWatcher
API を使用すると、画面上の ESC キーなどのクローズ リクエストを処理できます。
Android では「戻る」ジェスチャーやボタンを統一された方法で使用する必要があります。
この機能は Chrome 120 に導入されましたが、
以下の理由で無効になりました
<dialog>
との予期しないインタラクションが発生する。
再度有効にしました
問題を最小限に抑えるために動作を改善(Chrome 126)
表示されます。
<ph type="x-smartling-placeholder"></ph> デモ | バグ #1171318 | ChromeStatus.com のエントリ
Attribution Reporting API: attributionsrc
リクエストの参照 URL ポリシー
attributionsrc
リクエストは、ページの他のサブリソースと同様に処理されます。
以前は、さまざまな html 要素(<img>
、<script>
、<a>
、window.open
など)の一部として attributionsrc
アトリビューションを使用して API を呼び出した場合、<html>
要素に設定されたリソースレベルのリファラー ポリシー属性は無視されます。
この変更により、attributionsrc
リクエストには、<img>
、<script>
、<a>
、window.open
のいずれかで設定したリソースレベルのリファラー ポリシーが適用されるようになります。
これにより、広告テクノロジーは attributionsrc
リクエストの参照 URL 情報を制限するかどうかをより細かく制御できます。
<ph type="x-smartling-placeholder"></ph> ChromeStatus.com のエントリ をご覧ください。
メディア
MediaRecorder 向けの MP4 コンテナのサポート
MediaRecorder を使用して音声と動画を MP4 コンテナに多重化するためのサポートを追加しました。
<ph type="x-smartling-placeholder"></ph> MediaRecorder | ChromeStatus.com のエントリ | 仕様
OpusEncoderConfig signal
パラメータと application
パラメータ
OpusEncoderConfig.signal
パラメータと OpusEncoderConfig.application
パラメータ
実装固有のエンコーダ ノブに直接マッピングされます。これにより
エンコードされているデータの種類と、エンコードされている
コンテキストに基づいて判断します
signal
には、"auto"
、"music"
、"voice"
のいずれかを指定できます。エンコーダ / デコーダ、
最もパフォーマンスの高い方法でエンコードできます。application
"voip"
、"audio"
、"lowdelay"
のいずれかです。エンコーダが
音声の明瞭性を優先する、元の入力を忠実に再現する
実現します。
<ph type="x-smartling-placeholder"></ph> ChromeStatus.com のエントリ | 仕様
JavaScript
visualViewport
onscrollend
サポート
scrollend
JavaScript イベントが発生すると、スクロール操作によって
終わります。
visualViewport
インターフェースには、onscrollend
イベント ハンドラが含まれています。
visualViewport
のスクロール操作が終了したときに呼び出す。Chrome
は、clickend イベント リスナーの追加を
visualViewport.addEventListener("scrollend")
。これにより、
また、visualViewport.onscrollend
を使用してイベント リスナーを追加します。
<ph type="x-smartling-placeholder"></ph> バグ #325307785 トラッキング バグ #325307785 | ChromeStatus.com のエントリ
プライバシー
navigator.cookieEnabled を仕様に合わせて調整
navigator.cookieEnabled
は現在、「ユーザー エージェントが Cookie を処理しようとしている」かどうかを示します。学習します。サードパーティ Cookie のサポート終了(3PCD)の一環としてリリースされた Chrome の変更により、パーティション分割されていない Cookie へのアクセスが可能かどうかが示される可能性があります(ほとんどのクロスサイト iframe で false が返されます)。サイトに対して Cookie が有効か無効かのみを示す、以前の navigator.cookieEnabled
の動作を復元し、クロスベンダー関数 document.hasStorageAccess
を使用して、パーティション分割されていない Cookie へのアクセスが可能かどうかを判断する必要があります。
<ph type="x-smartling-placeholder"></ph> バグ #335553590 トラッキング バグ #335553590 | ChromeStatus.com のエントリ | 仕様
ユーザー補助
Windows での UI オートメーション ユーザー補助フレームワークのサポート
Microsoft Windows 上の最新の支援アプリケーションは、プラットフォームの UI オートメーション アクセシビリティ フレームワークを使用して他のアプリと相互運用します。作成しました。これまで、Chromium はこの目的のために古い Microsoft Active Accessibility(MSAA)と IAccessible2(IA2)フレームワークをサポートしており、Windows のユーザー補助ツールには問題がありました。
この問題を解決するために、Microsoft は Chrome チームと連携して、Windows で UI オートメーション(UIA)フレームワークを直接サポートし、ユーザー補助ツールとブラウザが簡単に通信できるようにしました。Chrome バージョン 126 以降、Stable 版への段階的なロールアウトを開始します。これにより、Chromium ベースのすべてのブラウザで Voice Access を使用でき、ナレーターや拡大鏡など、UIA ベースのすべてのユーザー補助ツールのユーザー エクスペリエンスが向上します。
<ph type="x-smartling-placeholder"></ph> Windows での UIA サポートの導入 をご覧ください。
新しいオリジン トライアル
Storage Access API のトラスト シグナルとしての FedCM
以前の FedCM に IAM ロールを付与することで、FedCM と Storage Access API を調整 ストレージ アクセス リクエストを自動的に承認する正当な理由。
ユーザーが自分の ID をサードパーティで使用する許可を与えたとき リライング パーティ(RP)上の ID プロバイダ(IdP)。多くの IdP では、サードパーティの 適切に機能するように設計する必要があります。このプロポーザルは Storage Access API を更新して、非公開かつ安全な方法でこの要件に対処できます。 (SAA)権限チェックにより、サービスによって付与される権限の付与を受け入れるだけでなく、 ストレージ アクセス プロンプトだけでなく、FedCM によって付与された権限の付与も 表示されます。
このメカニズムの重要な特性として、付与をケースに明示的に制限することが挙げられます。 FedCM 権限ポリシーにより RP が許可し、1 つのフレームごとに 管理して、IdP によるパッシブな監視を防止できます。 利用できるようになっています
<ph type="x-smartling-placeholder"></ph> オリジン トライアル | 解説 | ChromeStatus.com のエントリ
メディア プレビューのオプトアウト
このリバースオリジン トライアルでは、メディア プレビューのリリースからサイトが除外されます。
Chrome では、ウェブサイトからカメラとマイクへのアクセス許可がリクエストされたときに、カメラとマイクの入力のリアルタイム プレビューが表示されます。これらはサイトの pageinfo からも取得できます。
また、複数のデバイスを使用しているユーザーは、サイトが getUserMedia()
を通じて特定のデバイスをリクエストしていない限り、権限のリクエスト時にカメラとマイクを選択できます。
<ph type="x-smartling-placeholder"></ph> オリジン トライアル | バグ #330762482 | ChromeStatus.com のエントリ
FedCM: Continuation API、Parameters API、Fields API、複数の configURL、カスタム アカウント ラベル
デベロッパーはデスクトップ バンドルのオリジン トライアルへの参加を開始できます 認可を含めることができる FedCM 機能。バンドルは FedCM で構成されています Continuation API、Parameter API、Fields API、複数の configURL、カスタム アカウントのラベルこれにより、OAuth 認証フローに似たエクスペリエンスが実現します。 IdP 提供の権限ダイアログを含む
<ph type="x-smartling-placeholder"></ph> バグ #40262526 | ChromeStatus.com のエントリ
ページに埋め込まれた権限の管理
権限フローとやり取りする新しい HTML 要素を提供する。
現在、権限プロンプトは JavaScript から直接トリガーされており、ユーザー エージェントはユーザーの意図を強く示すシグナルをまったく得られません。ユーザーが権限フローをトリガーするために使用するコンテンツ内要素を持つことで、ユーザーに対する権限プロンプトの UX を改善し、「拒否」状態からの復元パスも改善できます。サイトの権限の状態を確認できます。
<ph type="x-smartling-placeholder"></ph> ChromeStatus.com のエントリ をご覧ください。
非推奨と削除
インポート アサーション「assert」を削除して削除するシンタックス
インポート属性構文の新しい with
キーワードを優先し、assert
キーワードのサポートを終了して削除します。
つまり、import m from 'foo' assert { type: 'json' }
は SyntaxError をスローするようになり、デベロッパーは import m from 'foo' with { type: 'json' }
に変更する必要があります。
<ph type="x-smartling-placeholder"></ph> ChromeStatus.com のエントリ | 仕様
関連情報
さらに情報を探す場合は、以下の参考リンクをご確認ください。
- Chrome 126 の新機能
- Chrome DevTools 126 の新機能
- ChromeStatus.com の更新内容(Chrome 126)
- Chrome リリース カレンダー
- サポート終了の予定
- 今後の削除