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

我只想把发布说明中的新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团队加油!