探索 2023 年 2 月在稳定版和 Beta 版网络浏览器中登陆的有趣功能。
浏览器稳定版
2023 年 2 月,Firefox 110 和 Chrome 110 成为稳定版。我们来看看这对网络平台意味着什么。
所有三个引擎中的容器查询
Firefox 110 支持尺寸容器查询,因此在这三个引擎中都提供了这项重要功能。
CSS 首字母
Chrome 110 增加了对 CSS initial-letter
属性的支持。此属性设置初始字母应接收到以下文本行的行数。如需了解详情,请参阅使用 CSS 首字母缩写控制您的首饰词一文。
ReadableStream 异步迭代
Firefox 添加了对 ReadableStream
中的异步可迭代协议的支持。
AudioContext.setSinkId()
在 Chrome 中,AudioContext.setSinkId
设置用于输出的音频设备的 ID。这样,AudioContext
便可将音频路由到用户选择的已连接的输出设备。
如需详细了解此功能,请参阅更改网络音频中的目标输出设备一文。
iframe 无凭据
此外,在 Chrome 中,借助无凭据 iframe,开发者可以使用新的临时上下文在第三方 iframe 中加载文档。iframe 无凭据是对 COEP 无凭据的泛化,用于支持无法部署 COEP 的第三方 iframe。这消除了第三方 iframe 必须支持 COEP 才能嵌入到 COEP 页面中的限制,并为希望采用跨源隔离的开发者解锁。
详细了解 iframe 无凭据。
浏览器支持
- 110
- 110
- x
- x
早期稳定版
Chrome 110 还标记了 Chrome 发布时间表的变化。早期稳定版本将比常规版本提前一周发布,面向一小部分用户。如需详细了解此变更,请参阅自 Chrome 110 以来发布时间表的变化一文。
Beta 版浏览器版本
通过 Beta 版浏览器,您可以预览浏览器下一个稳定版本的新功能。不妨趁此时机测试一下新功能或内容移除,这些新功能或内容可能会在全球发布之前对您的网站产生影响。新的 Beta 版产品包括 Firefox 111、Safari 16.4 和 Chrome 111。这些版本为平台带来了许多很棒的功能。如需了解所有详细信息,请查看版本说明,以下是一些亮点。
在使用 File System Access API 时,Firefox 添加了对源专用文件系统 (OPFS) 的支持。
Chrome 包含 CSS 颜色级别 4 中所述的所有功能。这包括四种独立于设备的颜色类型(lab、Oklab、lch 和 Oklch)、color()
函数以及用户定义的渐变和动画颜色空间。此外,还包含 CSS Color 5 中的 color-mix()
函数。
请参阅高清 CSS 颜色指南,了解这些新的颜色类型和空间。
Chrome 还包含 View Transitions API,该 API 可在单页应用 (SPA) 中实现精细的转场效果。如需了解详情,请参阅视图转换文档。
在 Chrome 111 中,还有声明式 shadow DOM,这是一种直接在 HTML 中实现和使用 shadow DOM 的新方式。
Safari 16.4 有望成为该平台的重大版本。对于 CSS,此版本支持 :user-invalid
和 :user-valid
伪类、margin-trim
属性、媒体查询的范围语法,以及对 CSS Properties 和 Values API 和 @property
的支持。
Safari 还支持 Web Push、Badging API,以及许多其他 Web API。这是一个非常激动人心的版本,其中许多功能实现了互操作性。
“网络新体验”系列视频的一部分