9 月新增 Web 平台

了解 2023 年 9 月在稳定版和 Beta 版网络浏览器中推出的一些有趣的功能。

2023 年 9 月,Firefox 118Safari 17Chrome 117 变得稳定版。这篇博文探讨了这对网络平台的影响。

grid-template-columnsgrid-template-rowssubgrid 值包含在 Chrome 117 中,这使得它所需的功能具有互操作性。如需详细了解 subgrid,请参阅 CSS subgrid 一文。

浏览器支持

  • 117
  • 117
  • 71
  • 16

来源

Chrome 还包含三项新的 CSS 功能,可轻松添加进入和退出动画,并可顺畅地在顶层可关闭元素(例如对话框和弹出式窗口)之间添加动画效果。如需了解 transition-behavior 属性、@starting-style 规则和 overlay 属性,请参阅进入和退出动画的四个新 CSS 功能一文。

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

浏览器支持

  • 117
  • 117
  • 119
  • 17.4

来源

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

Safari 17 和 Firefox 118 包含 HTML <search> 元素。此元素表示网页或应用中包含搜索或过滤内容功能的部分。

浏览器支持

  • 118
  • 118
  • 118
  • 17

来源

Safari 17 中包含许多新的 CSS 功能,包括 @counter-style。通过此规则,您可以定义超出预定义样式列表的计数器样式。现在,所有这三种引擎中均提供此功能。

浏览器支持

  • 91
  • 91
  • 33
  • 17

来源

Firefox 118 还包含几个额外的 CSS 数学函数:abs()sign()round()mod()rem()pow()sqrt()hypot()log()exp()

浏览器支持

  • 120
  • 120
  • 118
  • 15.4

来源

Safari 17 还支持 HEIC/HEIF 图片和 JPEG XL。

Beta 版浏览器版本

Beta 版浏览器可让您预览下一个稳定版本浏览器中将推出的功能。不妨借此机会测试那些可能会在全球发布之前对您的网站造成影响的新功能或移除。新的 Beta 版包括 Firefox 119Safari 17.1Chrome 118。这些版本为平台带来了许多很棒的功能。请查看版本说明,了解所有详情,以下是一些亮点。

本月 Firefox 和 Safari 中推出的 <search> 元素包含在 Chrome 118 中,这意味着此功能很快就会在这三个引擎中推出。

Object.groupByMap.groupBy 静态方法是 Firefox 119 的一部分。

Chrome 118 包含采用 @scope 规则的 CSS 作用域样式,以及采用 prefers-reduced-transparencyscripting 的新媒体功能。

Safari 17.1 目前是一个版本,修复了平台上的一系列问题。

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