Chrome 120 的新变化

阿德里安娜·加拉 (Adriana Jara)
Adriana Jara

以下是您有必要知道的信息:

我是 Adriana Jara我们来深入了解一下,看看 Chrome 120 会为开发者带来哪些新功能。

CloseWatcher API。

模态或弹出式组件的一个重要特点是易于关闭,并且采用一致的机制来关闭。这些机制称为关闭请求,在桌面平台上通常是 ESC 键,在 Android 上则是返回手势或按钮。

Web 开发者没有好的方法处理他们自己的组件的关闭请求。这在 Android 设备上尤其重要,因为 Android 设备为返回手势提供简单的关闭行为相当复杂。

Chrome 120 将该解决方案与 CloseWatcher 相结合,后者是一个用于直接监听和响应关闭请求的新 API。还包含对 <dialog>popover="" 的升级,以便使用新的关闭请求框架,以便响应 Android 返回按钮。

请查看 CloseWatcher API 演示并试用一下。

<details> 名称属性

借助 <details> 元素的 name 属性,您可以使用一系列 <details> HTML 元素轻松实现手风琴式折叠模式。

具有相同 name 的多个 <details> 元素组成一个组。使用此设置时,一次最多只能打开该组中的一个元素。

以下是具有一个名为 cookies 的群组的示例:

<details name="cookies">
  <summary>Chocolate chip</summary>
  Yum yum chocolate chip.
</details>
<details name="cookies">
  <summary>Snickerdoodle</summary>
   Yum yum snickerdoodle.
</details>
<details name="cookies">
  <summary>Maicenitas</summary>
   Yum yum maicenitas.
</details>
<details name="cookies">
  <summary>Sugar cookies</summary>
   Yum yum sugar cookies.
</details>

权限政策违规报告

现已推出权限政策违规报告。这些报告集成了 Permissions policy API,开发者可以使用 Reporting API 声明一组政策供浏览器强制执行,从而控制可供网页使用的浏览器功能、其 iframe 和子资源。报告 API 为网络应用提供了一种通用报告机制,可用于根据若干平台功能提供报告。

利用这一 Permissions Policy API 和 Reporting API 集成,网站开发者可以配置端点,以便向哪些端点发送有关违规情况的报告,从而使网站所有者可以了解何时会在字段中为其网页请求禁用功能。

通过权限政策控制浏览器功能介绍了更多实现详情。

还有更多其他奖励!

当然还有许多其他功能。

  • 放宽的 CSS 嵌套实现允许嵌套样式规则从元素开始,而无需用 is() 封装或在前面要求使用和号。

  • 通过 Media Session API 中的 enterpictureinpicture 操作,网站可以注册一个操作处理程序,该处理程序可用于打开“画中画”或“文档画中画”窗口。

  • 在此提醒您,Chrome 正在努力弃用第三方 Cookie。我们将于 1 月份开始一项可能会影响您网站的实验,因此请务必勾选准备停用第三方 Cookie,以便进行审核和缓解措施。

深入阅读

这仅涵盖了部分重要亮点。如需了解 Chrome 120 中的其他变化,请点击以下链接。

订阅

如需了解最新动态,请订阅 Chrome Developers YouTube 频道,每当我们发布新视频时,您都会收到电子邮件通知。

Yo soy Adriana Jara,我们的团队祝您节日快乐!Chrome 121 一发布,我会立即告诉您 Chrome 的新变化!