以下是一些注意事項：
- View Transitions API 新增支援跨文件轉場效果。
- CloseWatcher API 已恢復可用。
- Gamepad API 現已包含 trigger-rumble。
- 還有許多其他功能。
我是 Adriana Jara。讓我們深入瞭解 Chrome 126 為開發人員提供哪些新功能。
同源導覽的跨文件檢視畫面轉場
View Transitions API 可讓您在不同檢視畫面之間建立無縫的視覺轉場效果，現在預設可用於同源導覽。先前這項功能僅適用於單頁應用程式架構。
如要實作跨文件檢視畫面轉場效果，兩端都必須選擇加入。如要這麼做，請使用 view-transition at-rule，並將導覽描述詞設為 auto。
跨文件檢視畫面轉場與同文件檢視畫面轉場使用相同的構件和原則。
@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 恐龍遊戲」。
還有更多獎品等著您！
當然，還有許多其他功能。
GeolocationCoordinates和GeolocationPosition現在包含.toJSON()方法。在「DevTools」更新中，您可以在「Application」 >「Storage」 部分的專屬樹狀結構中檢查儲存空間桶。
ChromeOS 現在支援網頁應用程式的分頁模式。
延伸閱讀
這份報告僅涵蓋部分重點。如要瞭解 Chrome 126 中的其他變更，請參閱下列連結。
訂閱
如要隨時掌握最新消息，請訂閱 Chrome 開發人員 YouTube 頻道，這樣一來，我們發布新影片時，你就會收到電子郵件通知。
我是 Adriana Jara，Chrome 127 一推出，我就會在這裡告訴你 Chrome 有哪些新功能！