文章图片

于是乎 ， 在去年 Mozilla、Google 联手微软等公司推出了 Compat 2021 计划 ， 针对 5 个重点兼容性项目进行改进 。
而今年推出的 Interop 2022 则是对 Compat 2021 的一个延续 。
去年项目的成功推进给了项目组成员很大的信心 ， 于是在 Interop 2022 中 ， 项目组将目标改进的兼容性项目数提高到了 15 个 ， 并且这次苹果也官宣要参与到此次改进计划中 。
这是有史以来第一次 ， 所有的主要浏览器开发商和其他利益相关者聚集在一起 ， 共同解决 Web 开发人员所遇到的兼容性问题 。
Google 的 Rachel Andrew、Philip J?genstedt 和 Robert Nyman 在 Interop 2022 的技术博文中评论道 。
属于浏览器的「高考」
浏览器的兼容性好不好 ， 该怎么评价呢？

文章图片

Interop 2022 在 Compat 2021 的基础上加入了 10 个互操作性项目 ， 根据浏览器的表现从 0-100 为其打分 。
从目前的结果来看 ， 三种内核的稳定版浏览器表现都不太乐观 ， 其中 Firefox 属于是矮个中的高个 ， 获得 69 分 ， 而苹果的 Safari 则惨痛垫底 ， 只有 50 分 。
15 个项目包括层叠图层、色域和 CSS 色彩功能、新视口单位、页面滚动和子网格等功能 ， 基本都与交互相关的互操作性（interoperation ）项目 ， 这也是 Interop 2022 的命名缘由 。

文章图片

虽然几款浏览器的总分数相近 ， 但从详细结果来看会发现 ， 在一些细分项目上的差异却非常大 ， 三者各有千秋 。

文章图片

其中的一些问题在开发者版中已经得到解决 ， Interop 2022 同时也统计了开发者版的得分 ， 原本在稳定版得分大幅落后 Safari 获得了 73 分 ， 超越了其他两个 Chromium 内核的浏览器 。
项目组对 Interop 2022 的信心源自 Compat 2021 在去年取得的成就 。

文章图片

▲
折线为各个浏览器的成长路线 ， Safari 进步显著
经过一年的完善 ， 三种内核的浏览器在纵横比、CSS Flexbox、网格排布、粘性定位、变换五个项目上均取得了超过 90 分的平均分 。

文章图片

这也是 Interop 2022 项目设立的意义——帮助浏览器开发商自身发现互操作项目存在的兼容性问题 ， 推动合作进而全面改进 Web 开发环境 ， 进而让开发者得以将精力放在改进网站的设计、交互上 ， 而不是浪费在处理兼容性问题上 。
除了旨在消除不同浏览器的兼容差异 ， Interop 2022 还想要推动网站体验进步 。

文章图片

以 15 项考核指标中的视窗单元为例 ， 当你在使用 Safari 浏览网页时 ， 你也许会注意到页面静止和滚动时视窗的尺寸会有所不同 。
如果视窗发生变化 ， 怎样的尺寸才能保证操作按钮能够被精准点击 ， 而页面内部又不会受到太大的遮挡？这需要制定一套交互标准 。
当不同的浏览器都遵循科学的交互标准时 ， 便能保证用户在同一网站上都能获得均一的良好体验 。