このページは Cloud Translation API によって翻訳されました。

Chrome 126 の新機能

Adriana Jara

必知事項は次のとおりです。

View Transitions API で、ドキュメント間の遷移が新たにサポートされました。
CloseWatcher API が再び利用可能になりました。
Gamepad API に trigger-rumble が追加されました。
他にも多くの機能を利用できます。

アドリアナ・ジャラですChrome 126 のデベロッパー向け新機能を見てみましょう。

同一オリジンナビゲーションでのドキュメント間のビュー移行

View Transitions API を使用すると、異なるビュー間で視覚的な遷移をシームレスに作成できます。また、同一オリジンナビゲーションでデフォルトで使用できるようになりました。これまでは、シングルページアプリケーションアーキテクチャでのみ使用できました。

ドキュメント間のビュー移行を実装するには、双方でオプトインする必要があります。そのためには、ビュー遷移アットルールを使用して、ナビゲーション記述子を「自動」に設定します。

ドキュメント間のビュー遷移では、同一ドキュメントでのビュー遷移と同じ構成要素と原則が使用されます。

@view-transition {
  navigation: auto;
}

詳しくは、View Transition API でスムーズに遷移する（サンプルなど）をご覧ください。

CloseWatcher API が再度有効になりました

<dialog> 要素と popover="" 要素の場合、CloseWatcher API を使用すると、クローズリクエストを簡単に処理できます。たとえばパソコンの場合は Esc キー、Android の場合は戻るジェスチャーを使用します

この機能は元々 Chrome 120 に導入されましたが、ダイアログ要素に対する予期しない操作により無効になりました。以前の問題を最小限に抑えるため、改善後に Chrome 126 で再有効化されています。

CloseWatcher の使い方については、デモをご覧ください。

Gamepad API のトリガーランブル拡張機能

トリガーランブル機能が Gamepad API に統合されました。互換性のあるコントローラにより、ウェブ上のゲーム体験が向上します。

trigger-rumble は、GamepadHapticActuator を拡張します。これは、ユーザーに触覚フィードバックを提供するように設計されたコントローラ内のハードウェアを表すインターフェースです（利用可能な場合）。trigger-rumble を使用すると、Gamepad API を使用するウェブアプリケーションで、それらのゲームパッドデバイスのトリガーも振動させることができます。

次のコードを使用すると、この機能がブラウザでサポートされているかどうかと、トリガーする方法を確認できます。trigger-rumble

// This assumes a `Gamepad` as the value of the `gamepad` variable.
const triggerRumble = (gamepad, delay = 0, duration = 100, weak = 1.0, strong = 1.0) => {
  if (!('vibrationActuator' in gamepad)) {
    return;
  }
  // Feature detection.
  if (!('effects' in gamepad.vibrationActuator) || !gamepad.vibrationActuator.effects.includes('trigger-rumble')) {
    return;
  }
  gamepad.vibrationActuator.playEffect('trigger-rumble', {
    // Duration in ms.
    duration: duration,
    // The left trigger (between 0 and 1).
    leftTrigger: leftTrigger,
    // The right trigger (between 0 and 1).
    rightTrigger: rightTrigger,
  });
};

Gamepad API を最大限に活用する方法について詳しくは、ゲームパッドで Chrome dino ゲームをプレイするをご覧ください。

その他

もちろん、他にもたくさんあります。

GeolocationCoordinates と GeolocationPosition に .toJSON() メソッドが追加されました。
DevTools の更新では、[Application] > [ストレージ セクション。
ChromeOS でウェブアプリのタブモードがサポートされるようになりました。

リリースノートの全文を読む。

Chrome 126 の新機能

同一オリジン ナビゲーションでのドキュメント間のビュー移行

CloseWatcher API が再度有効になりました

Gamepad API のトリガー ランブル拡張機能

その他

関連情報

登録

同一オリジンナビゲーションでのドキュメント間のビュー移行

Gamepad API のトリガーランブル拡張機能