浏览器兼容性问题如何解决？( 二 ) 有多少人购入新电脑后的第一

这是有史以来第一次，所有的主要浏览器开发商和其他利益相关者聚集在一起，共同解决Web开发人员所遇到的兼容性问题
Google的RachelAndrew、PhilipJ?genstedt和RobertNyman在Interop2022的技术博文中评论道。
属于浏览器的「高考」
浏览器的兼容性好不好，该怎么评价呢？

文章图片

文章图片

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

文章图片

文章图片

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

文章图片

文章图片

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

文章图片

文章图片

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

文章图片

文章图片

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

文章图片

文章图片

以15项考核指标中的视窗单元为例，当你在使用Safari浏览网页时，你也许会注意到页面静止和滚动时视窗的尺寸会有所不同。
如果视窗发生变化，怎样的尺寸才能保证操作按钮能够被精准点击，而页面内部又不会受到太大的遮挡？这需要制定一套交互标准。
当不同的浏览器都遵循科学的交互标准时，便能保证用户在同一网站上都能获得均一的良好体验。
另一项关于色域的指标也对用户体验的影响非常大。在互联网建设的早期，大多数网站为了节省数据会限制图片的颜色。在很长的一段时间里，互联网都普遍采用sRGB作为色域标准。

文章图片

文章图片

然而随着显示设备和网络建设的发展，显示器能显示的色域范围已经超过sRGB ，例如苹果设备常用的DisplayP3色域就比sRGB还要宽50% 。