以下是您需要知晓的相关信息：
- 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 中提供，但由于与 dialog 元素意外交互，现已被停用。经过改进以最大限度地减少之前的问题，该功能已在 Chrome 126 中重新启用。
如需了解如何使用 CloseWatcher，请访问其演示。
Gamepad API Trigger-Rumble 扩展程序
触发器-rumble 功能现已成为Gamepad API的一部分。它可以提升兼容的控制器的 Web 游戏体验。
trigger-rumble 扩展了 GamepadHapticActuator，这是一个表示控制器中旨在向用户提供触感反馈（如有）的硬件的接口。trigger-rumble 允许使用 Gamepad API 的 Web 应用也能振动这些游戏手柄设备的扳机。
您可以使用以下代码检查浏览器是否支持此功能，以及如何触发此功能（玩文字游戏）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 > Storage 部分的专用树中检查存储分区。
ChromeOS 现在支持 Web 应用的标签页模式。
深入阅读
本文仅介绍了一些主要亮点。如需了解 Chrome 126 中的其他变更，请访问以下链接。
订阅
如需及时了解最新动态，请订阅 Chrome 开发者 YouTube 频道，这样每当我们发布新视频时，您就会收到电子邮件通知。
我是 Adriana Jara，Chrome 127 发布后，我会立即为您介绍 Chrome 中的新变化！