什么是MDN浏览器兼容性项目?

无数设备上的许多浏览器都旨在支持不断增长的Web技术堆栈,以实现卓越用户体验为尽可能多的人。不幸的是,找出有效的方法通常意味着广泛的手动测试。谢天谢地,一个专业开源项目已经看到Mozilla将这些信息整合在一起兼容性表

2017年,MDN社区开始将当前存储在数千个Wiki页面上的兼容性信息迁移到GitHub存储库中的机器可读JSON格式。以结构化形式提供数据使工具能够在编写代码时集成此信息并标记兼容性问题。

Web内容应与尽可能多的浏览器兼容。如果您希望避免将人员排除在您的网站或应用程序之外,那么兼容性(如可访问性)是一个重要问题。但是,通常很难判断某个功能是否适用于给定的浏览器。

是否正确支持?它是否需要前缀,或者是否支持非标准名称或行为?这些问题很快就会成倍增加。您是否研究了代码中的每个功能,以确定它们是否得到足够的支持?如果您的CSS文件使用超过200个属性,您可能会开始猜测浏览器可能支持您的布局多远。对整个代码库的兼容性没有真正的了解并不理想。

开发者如何使用这些信息?

的使命MDN Web Docs是记录Open Web的功能。它包含数千个关于CSS属性,HTML元素,HTTP标头,JavaScript对象,Web API等的参考页面。大多数文档还包含兼容性表,因此您可以检查是否能够使用某个功能。这在过去非常有用,但在长期和程序化访问(大)数据源的时代,这还不够。

2017年,MDN社区开始将当前存储在数千个Wiki页面上的兼容性信息迁移到机器可读的JSON格式中。GitHub存储库。以结构化形式提供数据使工具能够在编写代码时集成此信息并标记兼容性问题。这意味着您不再需要将兼容性视为事后的想法。

MDN社区正在将存储在数千个Wiki页面上的兼容性信息迁移到GitHub仓库中的机器可读JSON格式

使用此数据集的第一个项目是COMPAT报告,由开发人员Eduardo Boucas作为侧面项目制作的浏览器扩展。它为Firefox开发人员工具添加了一个兼容性面板,并审核了CSS使用情况。它可以初步概述已经与主浏览器的潜在兼容性问题,并且有时会尝试建议解决问题的方法。

将来,可以将更多这样的工具集成到代码编辑器中,例如提供有关浏览器支持的提示,或者在项目要求与某个浏览器版本不兼容时发出警告。也许兼容性甚至可以作为持续集成的一部分进行测试。例如,一个compat Bot可以评论你的拉取请求,为你提供关于支持将会中断的提示。

该数据集将如何维护?

目前,MDN社区专注于维护兼容性数据集并使其与其他浏览器供应商保持同步。去年,Mozilla将微软,谷歌,W3C和三星联合起来组建了一个MDN产品顾问委员会。虽然MDN社区总是试图为许多浏览器提供有关Web开发的信息,但现在这种协作正式确定了现有的关系。

对于兼容性数据,董事会成员同意推动Chrome,Edge和Samsung Internet的更新,并帮助审查标记为其浏览器的兼容性数据GitHub拉取请求(PR)。与旧的静态compat表相反,新的结构化兼容性数据现在定期更新。这对于MDN compat表的维护者以及对使用这些数据感兴趣的每个人来说都是一个巨大的好处。

每个人都应该能够在任何设备和浏览器上使用网络。提供有关可能的不兼容性的数据应该有助于此。

网页设计活动生成伦敦返回2018年9月19日至21日,提供行业领先的演讲者,一整天的研讨会和宝贵的交流机会 - 不要错过它。立即获取您的Generate门票

本文最初出现在世界领先的网页设计杂志网。购买问题305要么订阅这里

阅读更多:



翻译字数超限