Caniuse 和 MDN 兼容性数据协作

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 $200 免费信用额度!

除了“愚蠢的 GIF”之外,我想 caniuse 的截图是网络会议中最常见的幻灯片图形。 它已成为网络开发人员心中和脑海中查找网络兼容性数据的最终来源。

我可以在 Firefox 中使用 CSS filter 吗? 可以。 我可以使用 filter() 函数吗? 不可以。

但是,当然,MDN 有令人难以置信的网络平台文档,包含兼容性数据。 所以很高兴看到它们进行合作。 而且不仅仅是理论上的——这已经在发生了。

Florian Scholz 和 Alexis Deveria

在我们开始合作之前,caniuse 网站只显示 caniuse 数据库中可用功能的结果。 现在所有搜索结果都可以包含 MDN 兼容性数据的支持表。 这包括 caniuse 上已有的数据类型,特别是 HTML、CSS、JavaScript、Web APISVGHTTP 类别。 通过添加 MDN 数据,caniuse 支持表数量从大约 500 个增加到 10,500 个! 开发人员在 caniuse 上查询哪些地方支持哪些功能,现在将有更多结果。

重大升级,已在网站上上线。 我非常喜欢像这样真正发生的合作。 我记得在 2012 年 WebPlatform.org 启动时,每家主要网络公司都口头表示他们将为其贡献和整合他们的文档。 听起来太好了,不像是真的。 在这项工作真正完成之前就启动了。 几年后黯然退场。

我相信 caniuse 数据库基本上就是 GitHub 上的这个 2MB JSON 文件。 我们在 CSS-Tricks 上也直接使用它。 我们把它拉进来并使用其中的数据来显示我们的支持表,同时也会为 caniuse 提供相应的信用。

这是 backdrop-filter

这些浏览器支持数据来自 Caniuse,它提供了更多详细信息。 数字表示浏览器从该版本开始支持该功能。

桌面

ChromeFirefoxIEEdgeSafari
76103179*

移动/平板

Android ChromeAndroid FirefoxAndroidiOS Safari
1271271279.0-9.2*

听起来 MDN 数据不会进入该 JSON 文件,所以我最大的希望是该数据集会继续更新,或者如果将来有一天被替换,它将置于一个同样易于访问的地方。

我完全理解为什么他们会一开始只合并数据源,因为 MDN 会深入研究单个功能,而 caniuse 通常不会。 例如,justify-content 的各个值非常复杂!

我想这种细节可能需要更深层的架构变更,这对于版本 1 集成来说并不合适。

直接链接 →