了解 2024 年 11 月已在稳定版和 Beta 版网络浏览器中推出的一些有趣功能。
发布时间:2024 年 11 月 27 日
稳定版浏览器
2024 年 11 月,Firefox 131 和 Chrome 131 变为稳定版。本文将介绍 Web 平台中新增的功能。
WebCodecs API
Firefox 133 支持 WebCodecs API 的 ImageDecoder
、ImageTrackList
和 ImageTrack
接口,支持从主线程和工作器线程解码图片。
WorkerNavigator
permissions
属性
Firefox 133 还支持 WorkerNavigator.permissions
。
@page
边距框
Chrome 131 在打印网页文档或将其另存为 PDF 文件时添加了对页边距框的支持。
借助 @page
边距框,您可以定义页面边距区域中的内容,例如提供自定义页眉和页脚,而不是使用浏览器生成的内置页眉和页脚。
还支持使用计数器进行页码编排。
该规范定义了两个特殊的计数器名称:page
用于表示当前页码,pages
用于表示总页数。
如需了解详情,请参阅向使用 CSS 打印的页面的边线添加内容。
Browser Support
在相对颜色语法中支持 currentcolor
Chrome 131 允许 CSS 中的相对颜色(使用 from
关键字)使用 currentcolor
作为基准。这样,您就可以根据元素的文本颜色,为该元素的边框、阴影或背景设置互补色。
Uint8Array
方法
Firefox 133 添加了许多新的 Uint8Array
方法,以便在 base64-
与十六进制编码的字符串和字节数组之间轻松转换:
Uint8Array.fromBase64()
和Uint8Array.fromHex()
Uint8Array.prototype.setFromBase64()
和Uint8Array.prototype.setFromHex()
Uint8Array.prototype.toBase64()
和Uint8Array.prototype.toHex()
专用工作器上的 WebHID
Chrome 131 在专用 worker 上下文中启用 WebHID
。这样,您就可以在单独的线程中执行大量 I/O 操作并处理来自 HID 设备的数据,从而减少对主线程的性能影响。
Browser Support
Beta 版浏览器
通过浏览器 Beta 版,您可以预览下一个稳定版浏览器中将推出的内容。在该版本面向全球发布之前,您可以先测试可能会影响您网站的新功能或移除的功能。新版 Beta 版为 Firefox 134、Safari 18.2 和 Chrome 132。这些版本为该平台带来了许多出色的功能。如需了解所有详情,请参阅版本说明。下面仅列出了其中的几个亮点。
Safari 18.2 包含本文前面提到的已在 Firefox 中发布的 Uint8Array
方法,以及本月在 Chrome 中发布的 @page
边距描述符。其中列出了许多新的 CSS 功能,包括对跨文档视图转换、ruby-align
和 text-box-trim
的支持。
Chrome 132 支持为 writing-mode
CSS 属性使用 sideways-rl
和 sideways-lr
关键字、为 <dialog>
使用切换事件,以及为 Request
和 Response
接口使用 bytes()
方法。
Firefox 134 目前缺少详细信息,但似乎包含 Safari 18.2 Beta 版中也包含的 Promise.try
。