铬团队:到2020年 浏览器兼容性仍然是一个大问题

2020-06-19 11:08 来源:IT之家

原标题:Chrome Team:在2020年,浏览器兼容性仍然是一个大问题来源:开源网站在不同浏览器上的外观或行为是不同的,这给开发者带来了很多痛苦。

因此,MDN在2020年3月进行了一项关于浏览器兼容性的后续调查。该调查揭示了网络开发人员在浏览器兼容性方面面临的难题。Chrome团队通过博客分享了它,并谈论了Chrome自己在这些问题上的努力。

Flexbox

Flexbox是一个用于网络布局的工具,它提供了一种符合人体工程学的方法来定义能够在不同大小的视口上正常响应的布局。然而,如果这个函数不能在所有浏览器中使用,它的体验就不会很好。

Chrome团队表示,Flexbox是他们今年浏览器兼容性的重中之重,并为此投入了大量资金。

具体来说,Chrome渲染团队基于现代布局引擎重新设计了Chromium flexbox实现的架构。这项工作预计将在Chrome 84中推出,预计它将解决Chrome中的许多Flexbox兼容性问题。

他们还承诺今年为铬提供弹性间隙和现场设置弹性支持。铬84也有弹性间隙。

卷动

在多个浏览器之间正确滚动并不容易(例如,需要整个库一致地锁定文本滚动)。Chrome团队仍在研究关于滚动兼容性的反馈。迄今为止,有几个关键领域非常突出:

虚拟键盘如何影响(或不影响)不同浏览器中的视口单元。(铬团队温馨提示:微软边缘在虚拟键盘应用编程接口上的最新工作可能会有所帮助。)

输入相关事件和与它们交互的结果之间缺乏一致性。

很难控制跨浏览器的滚动行为(例如,通过滚动锚定)。

表单控制

表单是网络的一个非常古老的部分,甚至在CSS之前。表单控件被设计成模仿原生平台的外观,但是它们不能始终如一地做到这一点,也不能满足现代Web开发的需要。兼容性调查揭示了这方面的两个主要问题:浏览器之间的风格和行为不一致。

在样式表单控制方面,微软边缘和谷歌浏览器团队最近完成了这个项目,更新了基于浏览器的默认表单样式。

就行为而言,人们似乎普遍担心表单控件的行为没有被很好地指定,或者浏览器并不总是遵循这些规范。一些具体的例子是,当在包含表单的页面之间来回导航时,它们支持某些类型、自动填充行为和内容恢复行为。

CSS网格

像Flexbox一样,CSS网格是现代布局的重要组成部分。从调查结果来看,铬对CSS网格的支持似乎还不错。然而,有一个例外:——铬仍然不支持亚网格。

Chrome团队透露,微软边缘团队正在重组Chrome的网格支持,以使用新的布局引擎。Chrome还计划在这个计划中增加对子网格的支持。

最后,Chrome团队指出,在浏览器兼容性方面,仍然有太多缺失的特性和边缘错误。如果浏览器提供商能够理解这些问题的原因并采取措施解决它们,一切都会变得更好。未来几天,Chrome也将变得更加兼容。