浏览器兼容性问题如何解决?

有多少人购入新电脑后的第一件事 , 就是打开自带浏览器下载Chrome或者Firefox?
虽然我们已经迈入了移动互联网时代 , 很多网络服务已经从网站转变成一个个独立的app , 但浏览器依然是大部分人上网冲浪最常用的入口 。
为了在上网的时候避免遇到糟心的卡顿、广告问题 , 人们总习惯在开始冲浪前挑选一款最轻快、最纯净或者最多功能的浏览器 , 久而久之便会形成一种品牌依赖效应 。
就像可口可乐的粉丝从来不会考虑百事那样 , 用习惯了Chrome的朋友 , 怎么看Safari都会觉得别扭;无论Edge如何自荐 , Firefox的用户都不会动心 。
浏览器兼容性问题如何解决?
文章图片

文章图片

长久以来 , 浏览器一直是一个被多方割裂的市场 , 根据统计机构Statcounter的数据 , Chrome以64.3%占比拔得头筹 , Safari以18.96%位于第二 , 分别为3.71%和3.7%的Firefox和Edge则名列第三和第四 。
按理说 , 市场占比靠前的几位之间应该有着龙争虎斗的竞争关系 , 想方设法地从对方阵营里「掠」来新用户 。然而最近 , 四家浏览器为了实现「互联网大一统」而罕见地联合在了一起 。
你的网站我的网站 , 好像都一样?
四家浏览器的所属公司Google、苹果、微软和Mozilla在近日宣布 , 将联合软件咨询公司Bocoup和Igalia创建一个名为Interop2022的网络标准 , 致力于消除不同浏览器间的兼容性问题 。
你可能感到疑惑 , 难道用不同的浏览器打开同一个网站 , 除了速度不一样 。显示的内容还会有差异吗?
浏览器兼容性问题如何解决?
文章图片

文章图片

同一模型在Chromium(左)Gecko(中)Webkit(右)内核浏览器的效果
事实确实如此 。以流行的网站布局模型CSSFlexbox为例 , 同一个模型在Chromium(Chrome内核)、Gecko(Firefox内核)和Webkit(Safari内核)三种浏览器的显示效果各不相同 , 差异之大甚至很难让人找出显示正确的版本 。
浏览器兼容性问题如何解决?
文章图片

文章图片

类似这样的兼容性问题普遍存在于互联网 。如果一个在Chrome显示正常的网站 , 在Safari上反而挤成一堆 , 无论对用户和对网站主而言都会是一场灾难 。
但想要让不同浏览器显示统一的内容并不是一件易事 , 在2019年 , Google、Mozilla和微软等公司就组成了一个名为MDN的开发者调查小组 , 对开发者在网络建设的痛点、需求进行调研 。
根据MDN的调查报告 , 由开发者选出的28个「网页开发最令人沮丧的需求」中 , 「必须为特定的浏览器(例如IE11)提供支持」高票登顶 。
而排名第二和第三的烦人需求 , 则分别为「避免或移除不能跨浏览器工作的特性」和「让不同浏览器看起来/工作起来都一样」 , 冠亚季军都与浏览器的兼容性有关 。
Chrome首席软件工程师兼产品经理DanielClifford认为 , MDN的研究让开发组更清晰地了解到开发人员在测试中面临的挑战 , 为了支持下一代的测试工具 , Chrome需要与所有浏览器厂商合作 , 帮助解决这个行业问题 。
浏览器兼容性问题如何解决?
文章图片

文章图片

于是乎 , 在去年Mozilla、Google联手微软等公司推出了Compat2021计划 , 针对5个重点兼容性项目进行改进 。
而今年推出的Interop2022则是对Compat2021的一个延续 。
去年项目的成功推进给了项目组成员很大的信心 , 于是在Interop2022中 , 项目组将目标改进的兼容性项目数提高到了15个 , 并且这次苹果也官宣要参与到此次改进计划中 。