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

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

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

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

浏览器支持

  • Chrome:122.
  • Edge:122.
  • Firefox:131.
  • Safari:不支持。

来源

文本 fragment

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

浏览器支持

  • Chrome:89。
  • Edge:89。
  • Firefox:131。
  • Safari Technology Preview:受支持。

来源

Cookies Having Independent Partitioned State (CHIPS)

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

浏览器支持

  • Chrome:114。
  • Edge:114。
  • Firefox:131。
  • Safari:不受支持。

来源

媒体动态

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

浏览器支持

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

来源

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

浏览器支持

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

来源

fetchPriority

Fetch Priority API 用于指明资源相对于浏览器的相对优先级。从 Firefox 132 开始支持它,这意味着这个实用的 API 现已在 Baseline Newly 中提供。

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

浏览器支持

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

来源

全面支持 box-decoration-break

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

浏览器支持

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

来源

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

嵌套声明规则

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

浏览器支持

  • Chrome:130.
  • 边缘:130。
  • Firefox:132.
  • Safari:不支持。

网络序列号 connected 属性和 RFCOMM 连接事件

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

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

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

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

浏览器支持

  • Chrome:130.
  • Edge:不受支持。
  • Firefox:不受支持。
  • Safari:不受支持。

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 外边距框,因此您可以在从网页打印时提供自定义页眉和页脚。