了解我们在 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 的支持。
“网络新体验”系列视频的一部分