网络上有大量的功能。浏览器兼容性数据项目列出了其中 14000 多个！如何理解这一切？

这是一个长期以来没有答案的问题。是的，每个 Web 开发人员都使用 caiuse.com。或者他们用谷歌搜索或者询问chatgpt。问题在于这些工具可以回答特定问题，但缺乏更大的图景或指向事实来源的链接。

WebDX 集团

不再！ WebDX 小组现在在网络平台上的组织、分类和命名方面做了令人难以置信的工作（←这是最困难的部分，如您所知）。他们正在尝试以协调的方式改善网络和浏览器的整体开发人员体验。

WebDX 是一个属于 W3C 的社区团体。您可以在他们的存储库中看到他们正在烹饪什么。对我来说最有趣的输出是网络功能存储库。他们所做的是将大量特定功能分类为一组更易于理解的高级功能。

例如，新推出的功能之一是设置方法。任何操作集合的新方法都可以是单个特征。然而，如果将其作为单个高级功能进行交流和记录，它会变得更加有用。

文档

另一部分是如何查找某个功能的详细信息。好吧，这就是开放 Web 文档计划的用武之地。虽然 MDN 一直是一个很好的参考，但一直缺乏实践内容。 Open Web Docs 组织正试图改变这一现状。他们正在为 MDN Web 文档编写大量新教程、指南和解释器，以及基础数据 - BCD（浏览器兼容数据）的更新。

一个例子是 MDN 上关于相对颜色的页面。它清晰地映射到高级 Web 功能。与每个颜色特征的单独参考页面相比，它提供了更好的理解和围绕该特征的上下文。

调查

上述努力的真正好处在于他们真的想要合作。他们从“HTML 状态”和“CSS 状态”等调查中获取输入，然后他们可以使用相同的 Web 功能名称集来跟踪有关它们的调查结果。

顺便说一句，当您填写这些调查时，您可以单击“添加到阅读列表”按钮。它将向您提供 MDN 链接，您可以在其中详细了解您不知道的事情。

现实

很好，但是网络变得更好了吗？天哪，是的！

缩小跨浏览器所需功能和实际可用性之间差距的举措是显而易见的。也就是说，Interop 项目确保在所有主要浏览器中尽可能完整地实现一组功能。该项目每年都会有一个新的迭代。

这些功能的实现程度和实现程度是使用 Web 平台测试来衡量的。针对所有浏览器运行相同的测试集。这就是为什么我们有这些很好的百分比来反映浏览器中功能的实际状态。

基线

某个功能在所有主流浏览器中实现的时刻是一个非常重要的时刻。由于我们已经按照上述方式对功能进行了很好的分组，所以目前唯一缺少的就是名称。现在我们已经看到了：当所有主要浏览器都支持某个功能时，它就是“基线”新功能。一项功能在新推出两年半后就已广泛可用。

您可以在 web.dev 上阅读有关 Baseline 想法的更多信息，因为它是由 Google 发起的。

可视化仪表板

当你能以更直观的方式看待一切时，一切都会变得更有意义。精心设计的表格、图表、方便的资源链接……

这是为了创建有用的仪表板而进行的一些尝试。全部检查一遍，每一个对这个主题都有不同的看法：

• WebDX 小组背后的人员提供的简单仪表板
• Google Chrome 团队提供的逐个功能通过网络平台测试的精美图表
• 以及我尝试创建更具交互性的版本

您可以不时地使用它们来了解一般新内容或广泛采用状态中的新内容。当您开始一个新项目并决定哪些功能集实际可用并得到足够支持时，它也是一个很好的参考。

Web Features Explorer 以简洁的方式显示信息

Webstatus.dev 在图表中显示了通过网络平台测试的功能的实际进展

我的 Web 平台功能仪表板允许过滤和排序功能

未来

一些功能最近很快就在所有浏览器中实现了。但有些浏览器制造商甚至可能认为这不是一个好主意。您可以在以下站点找到有关可能会或可能不会出现的内容的详细信息：

• Mozilla 标准立场
• Webkit团队标准职位
• Google Chrome 功能路线图

结论

观察网络平台的发展是令人着迷的。反馈循环正在改善。许多领域的互操作性正在变得更好。

我长期以来一直想拥有一个具有网络功能的有用仪表板，突然之间，数据的质量如此之好，以至于我在几个晚上内成功构建了自己的仪表板。