Baseline's ongoing evolution. Updated widgets and definition. December 5, 2023. A vibrant gradient going from blue to green Baseline checkmarks.

MDN 上的 Baseline 演进

作者头像Vadim Makeev阅读时间 4 分钟

今天,我们正在更新 Baseline 小部件并将其推广到更多页面,以与改进的 Baseline 定义保持一致,帮助开发人员更好地了解 Web 平台功能的状态。

Baseline 于 2023 年 5 月 首次推出,为查看 Web 平台状态提供了一种新方法。它为 Web 上即将推出的功能和现有功能建立了共同的衡量标准。这个想法很简单:如果某个功能在主要浏览器的最后两个版本中可用,则认为它得到广泛支持,可以安全使用。它将成为 Baseline 的一部分。

基于 Web 功能 项目的数据(由 WebDX 社区组 维护),我们通过在 MDN 参考页顶部标记几个广泛支持的功能(例如 CSS 网格布局border-image),以及不支持广泛使用的功能(例如 isContextLost),来实现最初的 Baseline 定义。在阅读页面之前,您可以判断该功能是否可以可靠地使用。

MDN reference page for the border-image CSS property with the green Baseline widget on top. On the widget, there's a big green checkmark, Baseline widely available title, and four browser logos, all with checkmarks.

更新的小部件

除了现有的“有限可用”和“广泛可用”小部件(已略作调整)之外,Baseline 时间线中间有一个新的小部件。“新可用”小部件标记了最近在所有核心浏览器稳定版中可用的功能,例如 @layer

Three Baseline widgets. The first one, grey: cross, limited availability. The second one, blue: checkmark, Baseline 2022, newly available. The third one, green: checkmark, Baseline, widely available. The third one is opened, and the text goes: This feature is well established and works across many devices and browser versions. It's been available across browsers since February 2017. Below the text are three links: learn more, see full compatibility, and a feedback icon.

通过打开小部件,您现在将看到有关该功能的更多信息以及它何时开始新可用。今天,我们正在将 Baseline 小部件的覆盖范围扩展到 315 个页面。随着 Web 功能 数据集的发展,我们将继续推广它。

改进的定义

更新的小部件遵循 Web 功能治理团队改进的 Baseline 定义。

首先,核心浏览器列表现在已扩展到包括浏览器的移动版本。有时,功能会在一个平台上发布,而另一个平台则要过一段时间才会发布。核心浏览器集现在包括

  • Apple Safari(macOS 和 iOS)
  • Mozilla Firefox(桌面版和 Android 版)
  • Google Chrome(桌面版和 Android 版)
  • Microsoft Edge(桌面版)

在一个功能的 Baseline 时间线上有两个主要事件

  1. 新可用。 该功能从最后一个核心浏览器实施它之日起就被标记为可互操作的。它标志着开发人员可以开始兴奋和学习功能的时刻。
  2. 广泛可用。 该功能被标记为在 30 个月或 2.5 年后具有更广泛的支持。它标志着可以开始安全地使用功能而无需明确的跨浏览器兼容性知识的时刻。

功能示例

为了更好地了解 Baseline,让我们看看 CSS 自定义属性在核心浏览器中的实施时间线,按首次出现的时间顺序列出

  1. Firefox 31:2014 年 7 月 22 日
  2. Chrome 49:2016 年 3 月 2 日
  3. Safari 9.1:2016 年 3 月 21 日
  4. Edge 15:2017 年 4 月 5 日

根据 Baseline 定义,CSS 自定义属性在 2017 年 4 月 5 日(随着 Edge 15 的发布)成为“新可用”,因此成为了“Baseline 2017”的一部分。但是,在所有主要浏览器中的可用性并不意味着您可以安全地使用某个功能:用户需要时间来更新他们的浏览器,或者在某些情况下,他们需要更新他们的操作系统,甚至更新设备本身才能获得新的浏览器版本。这就是为什么只有 30 个月后,即 2019 年 10 月 5 日,CSS 自定义属性才被认为是“广泛可用”

Web 功能治理团队可能会在发生错误或误导性数据的情况下覆盖功能的状态。例如,他们可能会将某个功能保留,直到解决实施错误。目标不是严格遵守定义,而是反映使用这些功能的实际情况。

注意:您可以在 MDN 词汇表中阅读 详细的 Baseline 定义

与 Web 平台一样,Baseline 项目能够实现得益于许多方的努力。我们在 MDN 与合作伙伴密切合作,包括 W3C 的 WebDX 社区组、谷歌和微软,根据社区反馈,将改进的 Baseline 定义和小部件带入 MDN 页面。而且我们不会止步于此:如果您有任何意见,请点击任何扩展小部件中的反馈图标,让我们知道您的想法。

The blue Baseline widget opened: checkmark, Baseline 2022, newly available. The text goes: Since March 2022, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers. At the bottom, a green arrow points to the feedback icon.

通过 MDN 了解最新信息

订阅 MDN 新闻简报,不错过关于最新 Web 开发趋势、技巧和最佳实践的任何更新。