Interop 2024 为 Baseline 带来更多功能

通过合集保持井井有条 根据您的偏好保存内容并进行分类。

发布时间：2025 年 1 月 22 日

随着 Interop 2024 即将结束，这篇文章回顾了该项目有史以来最成功的一年。我们结束时，所有实验性浏览器都报告了 99 分，稳定版本也紧随其后。这一成功意味着许多功能现在已成为 Baseline Newly available。

更多功能加入 Baseline

对于一个功能要成为 Baseline Newly available，它需要是可互操作的。因此，Interop 2024 帮助许多功能跨越了这条线并进入 Baseline 2024，这不足为奇。

注册的自定义属性

@property 规则和 CSS.registerProperty() 静态方法在 2024 年 7 月成为 Baseline Newly available。

• @property 在 MDN 上的介绍
• @property 在 Web 平台仪表板上的条目
• @property：下一代 CSS 变量现在具有通用浏览器支持

font-size-adjust 属性

font-size-adjust CSS 属性通过相对于特定指标（如 x-height）缩放字体到相同大小，来保持明显的文本大小，而与使用的字体无关。这可以帮助后备字体看起来大小相同。它在 2024 年 7 月成为 Baseline Newly available。

• font-size-adjust 在 MDN 上的介绍
• font-size-adjust 在 Web 平台仪表板上的条目
• CSS font-size-adjust 现在已加入 Baseline

<video> 的 requestVideoFrameCallback() 方法

<video> 的 requestVideoFrameCallback() 方法调度一个函数，该函数在下一个视频帧运行时运行。它类似于 requestAnimationFrame()，但用于视频，并在 2024 年 10 月成为 Newly available。

• requestVideoFrameCallback() 在 MDN 上的介绍
• requestVideoFrameCallback() 在 Web 平台仪表板上的条目
• 使用 requestVideoFrameCallback() 对视频执行高效的逐帧操作

使用 scrollbar-width 和 scrollbar-gutter 进行滚动条样式设置

scrollbar-width CSS 属性设置滚动条的宽度，而 scrollbar-gutter 为滚动条保留空间，防止滚动条出现和消失时出现不必要的布局更改。它们在 2024 年 12 月成为 Baseline Newly available。

• scrollbar-width 在 MDN 上的介绍
• scrollbar-width 在 Web 平台仪表板上的条目

• scrollbar-gutter 在 MDN 上的介绍
• scrollbar-gutter 在 Web 平台仪表板上的条目

transition-behavior 属性

transition-behavior: allow-discrete CSS 声明允许对动画行为是离散的属性进行过渡。此类属性无法插值，并在 50% 时从其起始值交换到结束值。此属性在 2024 年 8 月成为 Baseline Newly available。

• transition-behavior 在 MDN 上的介绍
• transition-behavior 在 Web 平台仪表板上的条目
• 现已加入 Baseline：动画进入效果

text-wrap: balance

text-wrap CSS 属性设置文本在溢出容器时如何换行。它是 text-wrap-style 和 text-wrap-mode 的简写。balance 值允许您创建平衡的标题和其他短文本。text-wrap 属性在 2024 年 3 月成为 Baseline Newly available。

• text-wrap 在 MDN 上的介绍
• text-wrap 在 Web 平台仪表板上的条目

Popover

Popover 允许您使用 HTML 以声明方式创建叠加层，或使用 showPopover() 方法创建。它几乎成为 Baseline Newly available，事实上，我们最初认为它已经成为了，但是 Safari 实现中的一个问题意味着它在 2024 年并没有完全达到 Newly available。好消息是，该问题已在当前的 Safari Beta 18.3 中修复，因此我们很快就能正式宣布 Popover 为 Baseline Newly available。

• MDN 上的 Popover API
• Web 平台仪表板上的 Popover 条目

Baseline 功能的修复

Interop 2024 中包含一些已经归类为 Baseline Newly available 的功能，这项工作的目的是修复一些实现上的细微差异。这些可能是极少数人会遇到的事情，但如果遇到的是您，那么小事也会产生很大的影响。

CSS 嵌套

CSS 嵌套通过将规则嵌套在其他规则内部，实现更短的选择器、更易于阅读和更模块化。它在 2023 年 12 月成为 Baseline Newly available，并包含在 Interop 2024 中以修复一些悬而未决的互操作性问题。

• MDN 上的嵌套
• Web 平台仪表板上的嵌套条目

声明式 Shadow DOM

<template> 上的 shadowrootmode 属性无需使用 JavaScript 即可创建 shadow root。它是 `attachShadow()` 方法的声明式替代方案。

• MDN 上的 shadowrootmode 属性
• Web 平台仪表板上的声明式 Shadow DOM 条目

Interop 2025 即将到来

Interop 2025 的提案目前正在最终确定中，我们很高兴能基于今年取得的所有成功继续努力。请关注 2 月份的公告，了解其中包含的内容。要了解 Baseline 中新增的功能，请查看我们在 web.dev 上发布的 Baseline Newly available 功能系列文章。