哇男孩, 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”的氛围,但我很高兴看到这样的巨大飞跃,并欣赏所有前进的动力。 去野生动物园队!