Interop 2024 为基准测试添加了更多功能

发布时间:2025 年 1 月 22 日

2024 年 Interop 大会即将落幕,本文将回顾该项目有史以来最成功的一年。最终,所有实验版浏览器的得分均为 99,稳定版浏览器的得分也不相上下。此次成功意味着,现在有许多功能已成为“新基准”。

得分为 99 的所有浏览器。
Interop 2024 信息中心(截至 2025 年 1 月 22 日)

为基准添加更多功能

功能需要具有互操作性,才能被列为“新推出的基准功能”。因此,Interop 2024 帮助许多功能跨越了这一界限,进入了 2024 基准版,这并不奇怪。

注册的自定义属性

@property 规则和 CSS.registerProperty() 静态方法已于 2024 年 7 月成为新推出的基准。

font-size-adjust 属性

font-size-adjust CSS 属性会根据特定指标(例如 x-height)将字体缩放为相同大小,从而保留文本的实际大小,无论所用字体如何。这有助于使后备字体看起来大小相同。该版本于 2024 年 7 月成为“新基准”。

适用于 <video>requestVideoFrameCallback() 方法

<video>requestVideoFrameCallback() 方法会调度一个函数,该函数会与下一个视频帧一起运行。与 requestAnimationFrame() 类似,但适用于视频,并于 2024 年 10 月变为“新推出”。

使用 scrollbar-widthscrollbar-gutter 设置滚动条样式

scrollbar-width CSS 属性用于设置滚动条的宽度,scrollbar-gutter 用于为滚动条预留空间,以防止滚动条出现和消失时发生不必要的布局更改。它们于 2024 年 12 月成为“新推出的基准”。

transition-behavior 属性

transition-behavior: allow-discrete CSS 声明允许为动画行为为离散的属性使用转换。此类属性无法插值,并且在 50% 时不会从起始值切换到结束值。此媒体资源于 2024 年 8 月变为“新建基准”。

text-wrap: balance

text-wrap CSS 属性用于设置溢出容器的文本的行断开方式。它是 text-wrap-styletext-wrap-mode 的简写。借助 balance 值,您可以创建平衡的标题和其他短文本。text-wrap 媒体资源于 2024 年 3 月变更为“新推出的基准”。

弹出式窗口

借助弹出式窗口,您可以使用 HTML 或 showPopover() 方法以声明方式创建叠加层。它几乎达到了“新推出”基准要求,事实上,我们最初也认为它达到了该要求,但由于 Safari 实现方面存在问题,因此它在 2024 年未能达到“新推出”要求。好消息是,当前的 Safari Beta 18.3 已修复此问题,因此我们很快就能正确地宣布“弹出式窗口”已作为基准功能推出。

修复了基准功能

Interop 2024 中包含的部分功能已被归类为“新推出的基准”,因此此项工作旨在修复实现中的一些细微差异。这些问题可能很少有人遇到,但如果您遇到了,这些小问题就会造成很大的影响。

CSS 嵌套

CSS 嵌套可将规则嵌套在其他规则中,从而缩短选择器、简化阅读和提高模块化程度。该版本于 2023 年 12 月成为“新推出的基准”,并包含在 2024 年 Interop 中,以解决一些未解决的互操作性问题。

声明式 Shadow DOM

<template> 上的 shadowrootmode 属性可在不使用 JavaScript 的情况下创建阴影根。它是 `attachShadow() 方法的声明式替代方案。

Interop 2025 即将举办

我们正在为 2025 年 Interop 大会敲定提案,很高兴能够在取得今年的所有成就的基础上再接再厉。请留意 2 月份的公告,了解其中包含的内容。如需了解基准版中推出的各项功能,请访问 web.dev 上的基准版新推出的功能系列。