Safari 16.0中的WebKit功能

272 阅读2分钟

呜呼,Safari 16已经正式面世,它包含了很多功能,有些是新的和令人兴奋的(Subgrid!Container Queries!Font Palettes!),有些是我们一直在等待的更好的跨浏览器支持(Motion Path!Overscroll Behavior!AVIF!)。我想象着Jen Simmons正在欢快地打字,在综述公告中写出了所有新的好东西。

A list of new WebKit features.

我只想把发布说明中的新CSS功能放进去:

  • 为容器查询添加了尺寸查询支持:Chrome在第105版中开始支持它,所以我们只需要Firefox加入这个派对,就可以让三大巨头™都得到支持。
  • 增加了对容器查询单位的支持这些单位与容器查询是相辅相成的。再一次,我们需要Firefox。
  • 增加了对Subgrid的支持:现在是Safari和Firefox的支持范围。好消息是,Chrome目前也在开发它
  • 增加了对可动画网格的支持:非常酷Chrome一直有这方面的一些实现,Firefox早在2019年就开始支持它了。
  • 增加了对偏移路径的支持:这也被称为运动路径,我们从2020年开始广泛的浏览器支持。很高兴看到Safari加入进来。
  • 增加了对Overscroll Behavior的支持:现在,我们可以通过属性来修改 "滚动链 "和溢出负担。 [overscroll-behavior](https://css-tricks.com/almanac/properties/o/overscroll-behavior/)属性。
  • 增加了对text-align-last 的支持:现在我们已经为这个属性提供了跨浏览器的支持!
  • 增加了对resolution 媒体查询的支持这里也是所有设置!

Safari的开发者工具也有一些不错的更新。我们有一个Flexbox检查器,一个时间线标签(有一个实验性的屏幕截图时间线),以及容器查询信息,等等。还有一个完整的32分钟的视频来介绍一切。

我认为Safari 15是一个相当重要的版本,但与之相比,16是相当史诗的。我知道在一些圈子里有一种 "Safari是新的Internet Explorer "的感觉,但我很高兴看到这样的大跃进,并欣赏所有的前进势头。Safari团队加油!