2024 年 10 月,全新 Web 平台推出

了解 2024 年 10 月已在稳定版和 Beta 版网络浏览器中推出的一些有趣功能。

2024 年 10 月,Firefox 131Firefox 132Safari 18.1Chrome 130 已稳定发布。本文将介绍 Web 平台新增的一些功能。

Firefox 131 添加了对同步迭代器帮助程序的支持。例如 Iterator.prototype.forEach()Iterator.prototype.map()。这些辅助函数允许对迭代器执行类似于数组的操作,而无需创建中间数组对象,包括无法创建中间数组的非常大型数据集。

Browser Support

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 131.
  • Safari: not supported.

Source

文本 fragment

此外,Firefox 131 还支持文本片段以及 CSS ::target-text 伪元素。

Browser Support

  • Chrome: 89.
  • Edge: 89.
  • Firefox: 131.
  • Safari: 18.2.

Source

Cookies Having Independent Partitioned State (CHIPS)

Firefox 131 包含 CHIPS,可让您使用 Set-Cookie HTTP 标头的 partitioned 指令将 Cookie 选择存储到分区存储空间中。

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 131.
  • Safari: not supported.

Source

媒体更新

10 月发布的第二个 Firefox 版本中包含一组媒体功能,这些功能均加入了“新推出的基准”类别。Firefox 132 包含 HTMLVideoElementrequestVideoFrameCallback()cancelVideoFrameCallback() 方法。

Browser Support

  • Chrome: 83.
  • Edge: 83.
  • Firefox: 132.
  • Safari: 15.4.

Source

此外,还包含 MediaStreamTrack.getCapabilities() 方法。

Browser Support

  • Chrome: 59.
  • Edge: 12.
  • Firefox: 132.
  • Safari: 11.

Source

fetchPriority

Fetch Priority API 用于指明资源相对于浏览器的相对优先级。从 Firefox 132 开始支持此 API,这意味着此实用 API 现已成为新基准。

如需了解详情,请参阅使用 Fetch Priority API 优化资源加载

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 132.
  • Safari: 17.2.

Source

完整的 box-decoration-break 支持

Chrome 130 全面支持不带前缀的 CSS box-decoration-break 属性。这包括块级和内嵌 fragment 的 clone 值。

Browser Support

  • Chrome: 130.
  • Edge: 130.
  • Firefox: 32.
  • Safari: 7.

Source

如需详细了解该属性,请参阅 Chrome 130 中的 box-decoration-break 属性

嵌套声明规则

Chrome 130 和 Firefox 132 支持 CSS 嵌套声明,这意味着嵌套 CSS 会被正确解析,如CSSNestedDeclarations 改进了 CSS 嵌套中所述。

Browser Support

  • Chrome: 130.
  • Edge: 130.
  • Firefox: 132.
  • Safari: 18.2.

Source

Web 串行 connected 属性和 RFCOMM 连接事件

Chrome 130 添加了布尔值 SerialPort.connected 属性。如果串行端口在逻辑上已连接,则该属性会返回 true。

借助此功能,蓝牙 RFCOMM 串行端口会在端口逻辑连接或断开连接时调度这些事件。

此功能旨在让应用能够在不打开端口的情况下检测蓝牙 RFCOMM 串行端口何时可用。

如需了解详情,请参阅 Web 串行中的蓝牙 RFCOMM 更新

Browser Support

  • Chrome: 130.
  • Edge: 130.
  • Firefox: not supported.
  • Safari: not supported.

Source

Safari 中的无障碍功能修复

Safari 18.1 紧随 Safari 18 发布,修复了许多无障碍功能问题,尤其是 display: contents 方面的问题。

Beta 版浏览器

通过浏览器 Beta 版,您可以预览下一个稳定版浏览器中将推出的内容。在该版本面向全球发布之前,您可以先测试可能会影响您网站的新功能或移除的功能。新 Beta 版为 Firefox 133Chrome 131。这些版本为该平台带来了许多出色的功能。如需了解所有详情,请参阅版本说明。下面仅列出了其中的几个亮点。

Firefox 133 支持 WebCodecs APIImageDecoderImageTrackListImageTrack 接口,支持从主线程和工作器线程解码图片。

Firefox 133 还支持 WorkerNavigator.permissions

Chrome 131 包含 CSS 突出显示继承,其中 CSS 突出显示伪类(例如 ::selection::highlight)会通过伪突出显示链(而非元素链)继承其属性。这样一来,在亮点中继承属性的模型就更直观了。

此外,Chrome 131 还支持 CSS 分页媒体 @page 边距框,因此您可以在从网络上打印时提供自定义标题和页脚。