哇,Safari 16 已经正式发布,它包含了许多功能,一些是新的和令人兴奋的(子网格!容器查询!字体调色板!),而另一些则是在等待更好的跨浏览器支持(运动路径!过度滚动行为!AVIF!)。我猜想 Jen Simmons 正在快乐地输入,在 汇总公告 中列出所有新功能。

我将从发行说明中添加新的 CSS 功能。
- 为容器查询添加了大小查询支持。 Chrome 从版本 105 开始支持它,所以我们只需要 Firefox 加入才能覆盖三大浏览器™。
- 添加了对容器查询单位的支持。 这些单位 与容器查询紧密相关。同样,我们需要 Firefox。
- 添加了对子网格的支持。 现在 Safari 和 Firefox 都支持它。好消息是 Chrome 目前正在开发它。
- 添加了对可动画网格的支持。 非常酷!Chrome 一直都有对此的某种实现,Firefox 从 2019 年 开始支持它。
- 添加了对偏移路径的支持。 这也称为 运动路径,并且我们已经 从 2020 年起获得了广泛的浏览器支持。很高兴看到 Safari 也加入了。
- 添加了对过度滚动行为的支持。 现在我们可以使用
overscroll-behavior
属性修改“滚动链接”和溢出余量。 - 添加了对
text-align-last
的支持。 现在我们已经为 此属性 提供了跨浏览器支持! - 添加了对
resolution
媒体查询的支持。 这里也已全部设置!
Safari 的开发者工具也有一些不错的更新。我们有一个 Flexbox 检查器、一个时间线标签(带有实验性屏幕截图时间线)和容器查询信息,仅举几例。还有完整的 32 分钟视频 演示了所有内容。
我认为 Safari 15 是一个非常棒的版本,但 16 与之相比更加史诗级。我知道在某些圈子里有“Safari 是新的 Internet Explorer”的说法,但我很高兴看到这样的巨大飞跃,并感谢所有前进的动力。Safari 团队加油!
我同意,我也很高兴看到这个版本 :)
可悲的是,它也未能修复按钮和表格上的
display
属性错误,它之前两次声称已经修复了(它通过最后一组更新修复了标题)。我跟踪支持情况并有测试用例,以便开发人员可以做出关于使用什么的明智决定:https://adrianroselli.com/2022/07/its-mid-2022-and-browsers-mostly-safari-still-break-accessibility-via-display-properties.html确实令人难过!我很高兴你正在跟踪支持情况。