发布时间:2024 年 12 月 10 日
2024 年对于 Baseline 项目来说是激动人心的一年。我们即将完成 底层数据集,并推出了 Web 平台状态信息中心 和 Baseline 状态小组件 等工具。 RUM Archive 等其他项目也开始采用 Baseline。本文回顾了 2024 年 Baseline 的发展历程。
什么是 Baseline?
Baseline 标记了所有核心浏览器(包括桌面设备和移动设备)均支持的 Web 功能。如果使用的功能属于 Baseline,则你可以信任其浏览器兼容性级别。

如需详细了解 Baseline 的不同标签以及 Web 功能如何成为 Baseline,请查看 Baseline 网站 或观看 Build confidently with Baseline。
2024 年的 Baseline 项目
web-features
工作已完成 81%!
web-features
旨在构建 Web 平台功能的共享目录。每个功能都分配有一个组和定义,并且 Baseline 支持数据在此数据集中注明。
今年,我们花费了大量精力来推进这项工作。截至今日,已映射 81% 的功能键,并且可以使用 web-features npm 包 进行使用。web-features
是 Baseline 状态的真实来源。
全新的 Web 平台状态信息中心
Web 平台状态信息中心 提供了对不同浏览器中 Web 平台功能实现情况的深入分析。该信息中心由 web-features
数据提供支持,因此,随着 web-features 工作的不断完善,此信息中心的可靠性已大大提高。
你可以跟踪特定功能的进度,或进行过滤以查看一组功能,例如 Baseline 2024。此信息中心补充了 Can I Use 和 MDN 的兼容性数据等现有资源,从而提供了对 Web 平台演进的更广泛视角。
如需详细了解信息中心,请阅读 Announcing the Web Platform Dashboard。自发布以来,添加了更多过滤器,例如 group:
和 snapshot:
,例如 snapshot:ecmascript-2023
将显示 ES2023 中包含的功能。
<baseline-status>
小组件
<baseline-status>
Web 组件也使用 web-features 数据,现在可以在你自己的网站和幻灯片上使用了。从 npm 安装,然后在每次提及功能时使用该组件。

<baseline-status>
小组件。官方网站和徽标
Baseline 由 W3C WebDX Community Group 拥有,今年我们为 Baseline 项目创建了一个官方页面。
如果你在项目中采用 Baseline、撰写有关 Baseline 的文章或进行有关 Baseline 的演讲,则可以提交拉取请求,以在 Baseline in the wild 页面上列出你的项目
在你的项目中使用 Baseline 时,请查看名称和徽标使用指南。这些徽标已获得许可,你可以随时使用它们来显示 Web 功能的状态。
Interop 项目使许多功能成为 Baseline 全新可用功能
Interop 项目 是一项旨在提高 Web 互操作性的跨浏览器工作。此项目中的功能以跨浏览器实现为目标,从而加快了成为 Baseline 全新可用功能的时间。在 Interop 2024 期间,Declarative Shadow DOM、font-size-adjust
、requestVideoFrameCallback 和 text-wrap: balance
已纳入 Baseline 2024,许多其他功能也即将完成。
RUM Insights
RUM Archive 的 Insights 页面 是第一个集成 Baseline 的工具。你可以根据用户的数据查看每个 Baseline 年份包含的用户数量。这可以帮助你为项目选择 Baseline 年份,而不是采用 Baseline 广泛可用功能。
有关详情,请阅读 Baseline integration with RUM Archive。
“This Is Baseline”视频系列
为了向你简明扼要地解释 Baseline 全新可用功能,我们发布了一个名为 #thisisbaseline 的视频系列。在不到 60 秒的时间内了解 新的 Set 方法、 Screen Wake Lock API、 CSS subgrid 等内容。
在此处查看所有 “This Is Baseline”视频。
与我们面对面交流!
今年,该团队参加了许多会议,以便向你介绍 Baseline、听取你的想法并解答你的疑问。以下是我们做过的一些演讲。
查看 Rachel 在 10 月份 FITC Web Unleashed 大会上做的 演讲、Pete 在 connect.tech 大会上做的 会议 以及 Mariko 在 11 月份 JSNation 大会上做的 演讲。我们很高兴在 2025 年的一些精彩活动中见到你!
Baseline 2024 中包含的内容
随着年底临近,我们知道哪些功能属于 Baseline 2024。以下是一些亮点。
@property
CSS 自定义属性(也称为 CSS 变量)是一项广泛可用的功能。自 2024 年 7 月起,所有核心浏览器均支持使用 @property 规则 定义具有类型、默认值和继承的自定义属性。
新的 Set 方法
自 ES2015 以来,Set 一直是 JavaScript 的一部分,但今年添加了更多 在 Set 上运行数学运算的方法,例如 intersection
和 union
,并且所有核心浏览器均支持这些方法。
AVIF
AVIF 是一种现代图像格式,通常比 WebP、JPEG、PNG 和 GIF 等其他图像格式具有更好的压缩率。自 2024 年 1 月起,所有核心浏览器均支持 AVIF。
…以及更多功能!
当然,今年成为 Baseline 的功能还有很多。你可以在此处查看在 2024 年期间成为 Baseline 的功能。
总结
我们在 2022 年 5 月宣布 Baseline 项目时,它还只是一个概念和 Baseline 的初步定义。本文重点介绍了为将 Baseline 转变为可成为每位开发者工作流程一部分的内容所做的一些工作。
我们要感谢大家为 Baseline 项目付出的辛勤努力。
为 web-features
做出贡献的个人:Victor Allen、Dietrich Ayala、Daniel Beck、Patrick Brosset、Sondra Eby、Adriana Jara、Mariko Kosaka、Pete LePage、Florian Scholz、James Stuckey Weber 和 queengooborg (Vinyl)
<baseline-status>
小组件:Ewa Gasperowicz 和 Chrome DevRel 团队
Web 平台状态信息中心:Panos Astithas、Kyle Ju、James Scott、Daniel Smith 和 Jason Xu
Google 的 Baseline 团队:Aaron Abbarno、Rachel Andrew、Tony Conway、Philip Jägenstedt、Adriana Jara、Mariko Kosaka、Pete LePage、Nandu Nair、Ali Spivak 和 Kadir Topal
特别鸣谢:CanIUse 的 Alexis Deveria、Claas Augner、Hermina Condei、Florian Dieminger、Ruth John、MDN 的 Leo McArdle、RUM Archive 的 Nic Jansma 和 Robin Marx、Interop 项目的贡献者、Apple、Firefox、Igalia、Microsoft、Open Web Docs、OddBird 以及 WebDX Community Group 的成员。