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

为基准添加更多功能
功能需要具有互操作性,才能被列为“新推出的基准功能”。因此,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 月变为“新推出”。
- MDN 上的
requestVideoFrameCallback()
- 网站平台信息中心的
requestVideoFrameCallback()
条目 - 使用
requestVideoFrameCallback()
对视频执行高效的每视频帧操作
使用 scrollbar-width
和 scrollbar-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-style
和 text-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 上的基准版新推出的功能系列。