了解我们在 2023 年 8 月在稳定版和 Beta 版网络浏览器中登陆的一些有趣功能。
浏览器稳定版
2023 年 8 月,Firefox 116、Firefox 117、Safari 16.6 和 Chrome 116 成为稳定版。这篇博文探讨了这对网络平台的影响。
Firefox 116 在所有平台(Android 除外)上支持 Audio Output Devices API。此 API 允许 Web 应用将音频输出重定向到允许的蓝牙耳机、扬声器或其他设备,而无需使用浏览器或底层操作系统默认设置。
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) 窗口中。
Firefox 117 支持 CSS 嵌套和 &
嵌套选择器。这样可以实现将一个样式规则嵌套在另一个样式规则中。这使得 CSS 嵌套可以实现互操作,但需要注意的是,Safari 和 Chrome 实施了旧版规范,该规范不允许嵌套类型选择器。Firefox 实现了新版规范,该版本不需要使用 &
嵌套选择器。如需查看这两个版本的示例,请参阅使用 CSS 嵌套。
Beta 版浏览器版本
通过 Beta 版浏览器,您可以预览浏览器下一个稳定版本的新功能。不妨趁此时机测试一下新功能或内容移除,这些新功能或内容可能会在全球发布之前对您的网站产生影响。新的 Beta 版功能是 Firefox 118 和 Chrome 117。Safari 17 Beta 版仍在开发中。这些版本为平台带来了许多很棒的功能。如需了解所有详细信息,请查看版本说明,以下是一些亮点。
关于 Firefox 的下一版本,目前尚无太多信息。不过,Chrome 117 承诺了一些令人兴奋的功能。例如,一些启用进入和退出动画的新 CSS 功能。
grid-template-columns
和 grid-template-rows
的 subgrid
值包含在 Chrome 117 中,这使得它所需的功能具有互操作性。
在 Chrome 117 中,您还可以使用 Object.groupBy 和 Map.groupBy 静态方法进行 JavaScript 数组分组。
Safari 17 Beta 版包含 popover
属性,以添加对 Popover API 的支持。
“网络新体验”系列视频的一部分