此页面由 Cloud Translation API 翻译。

Chrome 126 的新变化

Adriana Jara

以下是您需要知晓的相关信息：

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 >存储空间部分。
ChromeOS 现在支持 Web 应用的标签页模式。

阅读完整的版本说明。

深入阅读

本指南仅涵盖部分重要内容。请访问以下链接 Chrome 126 中的其他变更。

要随时掌握最新动态，请订阅 Chrome 开发者 YouTube 频道，，每当我们发布新视频时，您都会收到电子邮件通知。

亲爱的 Adriana Jara，Chrome 127 一发布，我都会在这里向大家介绍 Chrome 的新变化！