Interop 2023 年 10 月更新

现在,我们已经进入 2023 年最后一个季度,所有团队都取得了巨大的进展 。在本文中,您将了解 Interop 2023 迄今为止的得分,以及今年的 努力。

2023 年 1 月,我们宣布推出 Interop 2023 以及所有引擎都将在这一年中努力改进的 26 个重点领域。

实验性浏览器在发布时的总体互操作性得分为 62.

互操作性总体得分:62;调查结果:0;每个浏览器的得分 - Chrome 和 Edge 为 86,Firefox 为 74,Safari Technology Preview 为 86。
Interop 2023 信息中心(2023 年 1 月 31 日的屏幕截图)。

截至 2023 年 10 月的状态

实验性浏览器的总体 Interop 得分为 89。如果您 切换到“稳定”视图,看看 集成到稳定版浏览器中,得分相当可观,达到 75 分。幕后花絮 1.16 经过大量处理,现在可在各大引擎上顺畅运行。部分匹配 不仅修复了互操作性方面的一些小问题,还修复了一些重大功能

<ph type="x-smartling-placeholder"></ph> 互操作性总体得分:89,调查结果:66,每个浏览器的得分:Chrome 和 Edge 为 97,Firefox 为 93,Safari Technology Preview 为 95。
Interop 2023 信息中心(2023 年 10 月 30 日的屏幕截图)。

大小容器查询和容器查询长度值

今年 2 月,我们庆祝了大小容器查询成为 可互操作。我们期待已久的 Web 功能 能够如此快地在所有引擎中提供,这对我们来说 Web 平台。

浏览器支持

  • 105
  • 105
  • 110
  • 16

来源

除了大小容器查询,还有容器查询 单位。 此类单元的使用方式与视口单元(例如 vw)相同,区别在于: 因为它们与容器而非视口相关

浏览器支持

  • 105
  • 105
  • 110
  • 16

颜色空间和函数

5 月,颜色空间实验室、LCH、Oklab 和 Oklch 开始实现互操作性 支持。CSS 功能表示法 lab()lch()oklab()oklch() 为开发者提供了使用这些颜色空间的方法。功能 color()color-mix() 表示法也包含在内。

浏览器支持

  • 111
  • 111
  • 113
  • 15

来源

如需详细了解这些新的颜色空间和功能,请参阅高 定义 CSS 颜色 指南

子网格

CSS 网格布局的 subgrid 功能是 grid-template-columnsgrid-template-rows,支持嵌套网格 使用父网格中的跟踪定义。这意味着 嵌套在网格结构中的元素。

浏览器支持

  • 117
  • 117
  • 71
  • 16

来源

详细了解 subgrid。为了发现一些 使 subgrid 实现难以实施的复杂问题,请观看 BlinkOn 的这个视频 18

HTML inert 属性

HTML inert 全局属性意味着您可以将网页的某些部分标记为 inert 。这个 用于阻止点击和聚焦事件,并在 无障碍功能树这对于视觉上偏离屏幕的内容非常有用 因此对于屏幕阅读器也应处于非活动状态。

浏览器支持

  • 102
  • 102
  • 112
  • 15.5

来源

还有更多

除了这些主要功能外,我们已推出许多其他功能和修复 。我们已推出其他浏览器版本 ,所有得分一览无余,我们会发布完整的数据摘要。