Safari 16.0 PlatoBlockchain Data Intelligence 中的 WebKit 功能。 垂直搜索。 哎。

Safari 16.0 中的 WebKit 功能

哇男孩, Safari 16 正式发布 它包含许多新功能,一些新的和令人兴奋的(子网格!容器查询!字体调色板!)以及我们一直在等待更好的跨浏览器支持的其他功能(运动路径!过度滚动行为!AVIF!)。 我想 詹·西蒙斯(Jen Simmons) 兴高采烈地打字,写下所有新的好东西 综述公告.

Sumber: WebKit 网站

只是要从发行说明中删除新的 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”的氛围,但我很高兴看到这样的巨大飞跃,并欣赏所有前进的动力。 去野生动物园队!


直接链接 →

时间戳记:

更多来自 CSS技巧