2024 年基准:提供更多工具来帮助 Web 开发者

发布时间:2024 年 12 月 10 日

2024 年是基准项目令人振奋的一年。我们即将完成基础数据集,并已推出网站平台状态信息中心基准状态微件等工具。RUM 归档等其他项目也开始采用基准。本文回顾了 2024 年的基准测试。

什么是基准?

基准标签用于标记桌面版和移动版所有核心浏览器都支持的 Web 功能。如果所用功能属于基准组成部分,您可以信任浏览器兼容性级别。

新推出的徽标,其中显示所有浏览器都支持某项功能。
基准 MDN 的“内容公开范围”页面上显示的全新徽标。

如需详细了解基准的不同标签以及网站功能如何成为基准,请访问基准网站或观看利用基准功能放心构建

2024 年的基准项目

web-features 工作已完成 81%!

web-features 旨在构建 Web 平台功能的共享目录。系统会为每个地图项分配一个组和定义,并在此数据集中记录基准支持数据。

今年,我们投入了大量精力来推进这项工作。截至目前,81% 的功能键已使用 web-features npm 软件包进行映射和使用。web-features 是基准状态的可信来源。

全新的 Web 平台状态信息中心

“网站平台状态”信息中心可让您深入了解 Web 平台功能在不同浏览器中的实现情况。该信息中心由 web-features 数据支持,因此随着 Web 功能工作进度的不断完善,该信息中心的可靠性也得到了极大提升。

您可以跟踪特定功能的进度,也可以进行过滤以查看一组功能,例如2024 年基准。此信息中心是对我可以使用吗和 MDN 兼容性数据等现有资源的补充,可让您更全面地了解 Web 平台的演变。

如需详细了解该信息中心,请参阅推出 Web 平台信息中心。自发布以来,我们添加了更多过滤条件,例如 group:snapshot:。例如,snapshot:ecmascript-2023 会显示 ES2023 中包含的功能。

<baseline-status> 微件

<baseline-status> Web 组件也使用 Web 地图项数据,现在您可以在自己的网站和幻灯片中使用该组件了。从 npm 安装,然后在每次提及功能时使用该组件。

以图片形式呈现的基准状态微件。
<baseline-status> 微件。

详细了解如何使用基准状态 Web 组件

官方网站和徽标

Baseline 归 W3C WebDX 社区群组所有,今年我们为 Baseline 项目创建了官方页面。

如果您在项目中采用了基准,撰写了有关基准的文章或发表了有关基准的演讲,则可以提交拉取请求,以便在“基准在实际应用中”页面上列出您的项目

在项目中使用基准时,请查看名称和徽标使用准则。您可以根据许可使用这些徽标,只要您想显示网站功能的状态即可。

互操作性项目使许多功能成为了基准新功能

Interop 项目是一项跨浏览器计划,旨在提高 Web 的互操作性。此项目中的功能旨在实现跨浏览器部署,缩短成为“新推出的基准”的时间。在 2024 年互操作性大会期间,声明式 Shadow DOMfont-size-adjustrequestVideoFrameCallbacktext-wrap: balance 已纳入 2024 年基准,许多其他功能也即将完成。

RUM 数据分析

RUM 归档的“洞察”页面是首个集成基准的工具。您可以根据基准年份的数据,查看每个基准年份包含的用户数。这有助于您为项目选择基准年份,而不是采用“广泛提供的基准”。

如需了解详情,请参阅与 RUM 归档的基准集成

“This Is Baseline”视频系列

为了简要介绍 Baseline 中新推出的功能,我们一直在发布名为 #thisisbaseline 的视频系列。在不到 60 秒的时间内,了解新的 Set 方法Screen Wake Lock APICSS 子网格等内容。

点击此处,观看所有 This Is Baseline 视频

欢迎与我们当面交流!

今年,该团队参加了许多会议,向您介绍了基准功能,聆听了您的想法,并解答了您的问题。 以下是我们之前举办的一些讲座。

欢迎观看 Rachel 在 10 月举行的 FITC Web Unleashed 大会上的演示、Pete 在 11 月举行的 connect.tech 大会上的演讲,以及 Mariko 在 11 月举行的 JSNation 大会上的演讲。期待在 2025 年的一些精彩活动中与您相见!

2024 年基准中包含的内容

随着今年即将结束,我们已确定哪些功能将纳入 2024 年基准版。下面列出了一些亮点。

@property

CSS 自定义属性(也称为 CSS 变量)是一项广泛使用的功能。自 2024 年 7 月起,所有核心浏览器都支持使用 @property 规则定义具有类型、默认值和继承的自定义属性。

新的 Set 方法

从 ES2015 开始,Set 就已成为 JavaScript 的一部分,但今年,我们添加了更多用于对 Set 执行数学运算的方法(例如 intersectionunion),所有核心浏览器都支持这些方法。

AVIF

AVIF 是一种新型图片格式,通常比 WebP、JPEG、PNG 和 GIF 等其他图片格式的压缩效果更好。自 2024 年 1 月起,所有核心浏览器都支持 AVIF。

…等等!

当然,今年还有更多功能成为了基准功能。您可以点击此处查看2024 年纳入基准组成的功能

小结

我们在 2022 年 5 月宣布 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 团队

网站平台状态信息中心:Panos Astithas、Kyle Ju、James Scott、Daniel Smith 和 Jason Xu

Google 基准团队:Aaron Abbarno、Rachel Andrew、Tony Conway、Philip Jägenstedt、Adriana Jara、Mariko Kosaka、Pete LePage、Nandu Nair、Ali Spivak 和 Kadir Topal

特别感谢:CanIUse 的 Alexis Deveria、MDN 的 Claas Augner、Hermina Condei、Florian Dieminger、Ruth John、Leo McArdle、RUM 归档的 Nic Jansma 和 Robin Marx、Interop 项目的贡献者、Apple、Firefox、Igalia、Microsoft、Open Web Docs、OddBird 以及 WebDX 社区群组的成员。