2 月份新增 Web 平台

探索 2023 年 2 月在稳定版和 Beta 版网络浏览器中登陆的有趣功能。

2023 年 2 月,Firefox 110Chrome 110 成为稳定版。我们来看看这对网络平台意味着什么。

Firefox 110 支持尺寸容器查询,因此在这三个引擎中都提供了这项重要功能。

浏览器支持

  • 105
  • 105
  • 110
  • 16

来源

CSS 首字母

Chrome 110 增加了对 CSS initial-letter 属性的支持。此属性设置初始字母应接收到以下文本行的行数。如需了解详情,请参阅使用 CSS 首字母缩写控制您的首饰词一文。

浏览器支持

  • 110
  • 110
  • x
  • 9

来源

ReadableStream 异步迭代

Firefox 添加了对 ReadableStream 中的异步可迭代协议的支持。

AudioContext.setSinkId()

在 Chrome 中,AudioContext.setSinkId 设置用于输出的音频设备的 ID。这样,AudioContext 便可将音频路由到用户选择的已连接的输出设备。

如需详细了解此功能,请参阅更改网络音频中的目标输出设备一文。

浏览器支持

  • 110
  • 110
  • x
  • x

来源

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 111Safari 16.4Chrome 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。这是一个非常激动人心的版本,其中许多功能实现了互操作性

“网络新体验”系列视频的一部分