Safari 16.0 中的 WebKit 功能

Avatar of Geoff Graham
Geoff Graham

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 价值 200 美元的免费积分!

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

A list of new WebKit features.
来源:WebKit.org

我将从发行说明中添加新的 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 团队加油!

直接链接 →