了解 2024 年 10 月已在稳定版和 Beta 版网络浏览器中推出的一些有趣功能。
稳定版浏览器
2024 年 10 月,Firefox 131、Firefox 132、Safari 18.1 和 Chrome 130 已稳定发布。本文将介绍 Web 平台新增的一些功能。
同步迭代器帮助程序
Firefox 131 增加了对同步迭代器帮助程序的支持。例如 Iterator.prototype.forEach() 和 Iterator.prototype.map()。这些辅助函数允许对迭代器执行类似于数组的操作,而无需创建中间数组对象,包括无法创建中间数组的非常大型数据集。
文本 fragment
此外,Firefox 131 还支持文本片段以及 CSS ::target-text
伪元素。
Cookies Having Independent Partitioned State (CHIPS)
Firefox 131 包含 CHIPS,可让您使用 Set-Cookie
HTTP 标头的 partitioned
指令将 Cookie 选择存储到分区存储空间中。
媒体动态
10 月发布的第二个 Firefox 版本中包含一组媒体功能,这些功能均加入了“新推出的基准”类别。Firefox 132 包含 HTMLVideoElement
的 requestVideoFrameCallback()
和 cancelVideoFrameCallback()
方法。
此外,还包括 MediaStreamTrack.getCapabilities()
方法。
fetchPriority
Fetch Priority API 用于指明资源相对于浏览器的相对优先级。从 Firefox 132 开始支持它,这意味着这个实用的 API 现已在 Baseline Newly 中提供。
如需了解详情,请参阅使用 Fetch Priority API 优化资源加载。
全面支持 box-decoration-break
Chrome 130 全面支持 CSS box-decoration-break
属性,无前缀。这包括块级和内嵌 fragment 的 clone
值。
如需详细了解此属性,请参阅 Chrome 130 中的 box-decoration-break 属性。
嵌套声明规则
Chrome 130 和 Firefox 132 支持 CSS 嵌套声明,这意味着嵌套 CSS 会被正确解析,如CSSNestedDeclarations
改进了 CSS 嵌套中所述。
浏览器支持
网络序列号 connected
属性和 RFCOMM 连接事件
Chrome 130 添加了布尔值 SerialPort.connected
属性。如果串行端口已逻辑连接,则该属性会返回 true。
借助此功能,蓝牙 RFCOMM 串行端口会在端口逻辑连接或断开连接时分派这些事件。
此功能旨在让应用能够在不打开端口的情况下检测蓝牙 RFCOMM 串行端口何时可用。
如需了解详情,请参阅 Web 串行中的蓝牙 RFCOMM 更新。
浏览器支持
Safari 中的无障碍功能修复
Safari 18.1 紧随 Safari 18 发布,修复了许多无障碍功能问题,尤其是 display: contents
方面的问题。
Beta 版浏览器
通过浏览器 Beta 版,您可以预览下一个稳定版浏览器中将推出的内容。在该版本面向全球发布之前,您可以先测试可能会影响您网站的新功能或移除的功能。新 Beta 版为 Firefox 133 和 Chrome 131。这些版本为该平台带来了许多出色的功能。如需了解所有详情,请参阅版本说明。下面仅列举了其中的几个亮点。
Firefox 133 支持 WebCodecs API 的 ImageDecoder
、ImageTrackList
和 ImageTrack
接口,支持从主线程和工作器线程解码图片。
Firefox 133 还支持 WorkerNavigator.permissions
。
Chrome 131 包含 CSS 突出显示继承,其中 CSS 突出显示伪类(例如 ::selection
和 ::highlight
)会通过伪突出显示链(而非元素链)继承其属性。这样一来,突出显示属性中的属性继承模型就会更加直观。
此外,Chrome 131 也支持 CSS 分页媒体 @page
外边距框,因此您可以在从网页打印时提供自定义页眉和页脚。