微软、Google、Igalia等浏览器企业本周宣布,将合作一项新计划,以促进Edge、Chrome和其他3项浏览器之间的兼容性,减少开发商的困扰。
浏览器兼容性向来是网页应用开发商的头痛问题,因此Google、微软及Mozilla几年前合作推动一项兼容性倡议,名为MDN DNA(Developer Needs Assessment),通过调查及研究以了解企业开发困难。今年的计划名为Compat2021,成员包含Google、微软及开源软件顾问企业Igalia等,焦点放在减少五大开发人员痛点,包括CSS Flexbox、CSS Grid、CSS position: sticky、CSS aspect-ratio property及CSS transforms。
本计划针对上述5大开发人员最困扰的领域,对主要浏览器(Chromium、Gecko、WebKit)做出评分,评分标准包括功能使用资料(如75%浏览量使用Flexbox、浏览器关注系统的bug数量、调查报告(如MDN DNA调查、浏览器兼容报告、CSS现状调查等)、Can I use中最常被搜索的功能及web-platform-tests(wpt.fyi)的测试结果,每一项各占20分,满分100分。
而根据Compat2021评分榜,成员微软及Google的Chrome和Edge Dev版的兼容性为86分,Firefox Nightly为83分,苹果的Safari Preview版为64分。
细部来看,CSS Flexbox是开发人员调查反映的最大痛点,它使用率很高,所有浏览器wpt.fyi通过率也达85%,但Chromium及WebKit在auto-height flex containers功能有问题,导致图片大小显示错误。CSS Grid是第二大痛点,包括Chromium或WebKit都还不支持animate grid layout。其他如CSS position: sticky在所有浏览器通过测试率仅66%,CSS aspect-ratio property更只有27%。
针对上述痛点,微软和Google及其他成员也计划投入解决,例如Microsoft Edge团队计划改善Chromium,以便今年100%通过CSS Grid测试、支持浏览器兼容推动、及协助web-platform-tests的分类(triage)等。