8 月新增 Web 平台

了解我们在 2023 年 8 月在稳定版和 Beta 版网络浏览器中登陆的一些有趣功能。

2023 年 8 月,Firefox 116Firefox 117Safari 16.6Chrome 116 成为稳定版。这篇博文探讨了这对网络平台的影响。

Firefox 116 在所有平台(Android 除外)上支持 Audio Output Devices API。此 API 允许 Web 应用将音频输出重定向到允许的蓝牙耳机、扬声器或其他设备,而无需使用浏览器或底层操作系统默认设置。

浏览器支持

  • x
  • x
  • 116
  • x

来源

Chrome 116 包含 CSS Motion Path,可让任何图形对象沿开发者指定的路径为其添加动画效果。这样一来,便可以使用许多强大的新转换方式,例如使用极坐标(通过 ray() 函数)而非 translate() 函数使用的标准矩形坐标进行定位,或为元素沿定义的路径添加动画效果。这样可以更轻松地定义复杂精美的 2D 空间过渡。路径可以指定为 circle()ellipse()rect()inset()xywh()polygon()ray()url()

Chrome 116 中还有 Document Picture-in-Picture API。这样便可启用可填充任意 HTMLElement 且始终位于顶层的窗口。这是对现有 HTMLVideoElement API 的扩展,该 API 仅允许将 HTMLVideoElement 置于画中画 (PiP) 窗口中。

浏览器支持

  • 116
  • 116
  • x
  • x

来源

Firefox 117 支持 CSS 嵌套& 嵌套选择器。这样可以实现将一个样式规则嵌套在另一个样式规则中。这使得 CSS 嵌套可以实现互操作,但需要注意的是,Safari 和 Chrome 实施了旧版规范,该规范不允许嵌套类型选择器。Firefox 实现了新版规范,该版本不需要使用 & 嵌套选择器。如需查看这两个版本的示例,请参阅使用 CSS 嵌套

浏览器支持

  • 120
  • 120
  • 117
  • 17.2

来源

Beta 版浏览器版本

通过 Beta 版浏览器,您可以预览浏览器下一个稳定版本的新功能。不妨趁此时机测试一下新功能或内容移除,这些新功能或内容可能会在全球发布之前对您的网站产生影响。新的 Beta 版功能是 Firefox 118Chrome 117Safari 17 Beta 版仍在开发中。这些版本为平台带来了许多很棒的功能。如需了解所有详细信息,请查看版本说明,以下是一些亮点。

关于 Firefox 的下一版本,目前尚无太多信息。不过,Chrome 117 承诺了一些令人兴奋的功能。例如,一些启用进入和退出动画的新 CSS 功能。

grid-template-columnsgrid-template-rowssubgrid 值包含在 Chrome 117 中,这使得它所需的功能具有互操作性。

在 Chrome 117 中,您还可以使用 Object.groupByMap.groupBy 静态方法进行 JavaScript 数组分组。

Safari 17 Beta 版包含 popover 属性,以添加对 Popover API 的支持。

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