发布时间:2026 年 1 月 26 日
正如预期的那样,2025 年 12 月对于 Baseline 来说是一个相对缓慢的月份,因为开发者社区在年底休息了一段时间,以放松身心。虽然与 2025 年的其他月份相比,这次更新速度很快,但仍有许多亮点!
“Baseline 新近可用”功能
以下功能于 2025 年 12 月进入“Baseline 新近可用”阶段。因此,所有这些功能将于 2028 年 7 月达到“Baseline 广泛可用”阶段。
document.caretPositionFromPoint()
document.caretPositionFromPoint() 是一种有用的方法,可用于查找给定视口坐标的精确插入点(DOM 节点和偏移量)。此方法减少了在文档中查找光标位置时经常出现的猜测情况。
Event Timing API
Event Timing API 用于检测与文档的互动,并可用于计算用户互动的延迟时间。此 API 用于计算 Interaction to Next Paint (INP) Core Web Vitals 指标。现在,此 API 已成为基准新可用 API,因此可以跨所有核心浏览器计算 INP 指标;当此 API 最终成为基准广泛可用 API 时,就可以在更多浏览器中计算这一重要的以用户为中心的指标,以用于真实用户监控 (RUM)。
Largest Contentful Paint API
Largest Contentful Paint (LCP) 是一项核心网页指标,用于计算文档中最大块内容的渲染时间。现在,最大内容绘制时间 (LCP) API 已达到 Baseline 新近可用状态,并且随着它达到 Baseline 广泛可用状态,将覆盖更多用户,因此可以计算这一重要的以用户为中心的指标,以便收集真实用户体验到的数据。
CSS scrollbar-color
以前无法在不同浏览器中以一致的方式设置滚动条样式。现在,CSS scrollbar-color 属性已成为 Baseline 新增功能,您可以采用更好的方法来设置文档滚动条的颜色。
scrollend 个事件
scrollend 事件提供了一种可靠的方法来检测滚动操作何时完成,从而取代了杂乱的 setTimeout hack。此功能作为“新近可用”的基准功能推出,意味着用户将能够通过使用 setTimeout 回调来检测滚动操作何时完成,而不会影响代码的性能和可读性。
CSS @scope
借助 CSS @scope at-rule,您可以更轻松地定位文档子树中的元素,从而减少对复杂选择器的需求。随着 @scope 成为“Baseline 新近可用”,您现在拥有了一个强大的样式范围界定工具。
数学字体系列
如果您曾需要在网页上显示数学方程式,就会知道此类内容有特定的呈现需求。随着 font-family: math 成为基准新功能,您将不再需要使用变通方法来显示数学方程式。
Invoker 命令
调用方命令可用于为网页上的 <button> 元素分配行为。它们尤其有助于控制对话框和弹出式窗口的使用,并帮助您处理使用这些 API 的许多底层要求,例如无障碍功能问题。如需了解这些功能如何运作,请参阅我们最近推出的“Baseline 实践”系列中的一篇博文:<dialog> 和 popover:分层界面模式基准。
“Baseline 广泛可用”功能
有几项功能于 2025 年 12 月最近成为 Baseline 广泛可用的功能,这意味着这些功能现在被认为可以在所有主要浏览器中广泛使用。
calc() 个关键字
由于 calc() 在 CSS 中执行数学运算,因此引入常用数学公式的关键字变得更加必要。e、pi、infinity 和 NaN 关键字表示 calc() 中 CSS 数学函数接受的明确定义的常量。
工作线程中的 JavaScript 模块
Web 工作器在设计上存在于自己的作用域中,并通过 Worker() 构造函数进行实例化。在启动 Web 工作器时使用 { type: "module" } 实参的功能可让您在工作器范围内使用 ES 模块,从而让您能够访问 import 和 export。随着此功能现在达到“Baseline 广泛可用”阶段,您将能够在当今使用的更多浏览器中使用此功能。
window.print()
虽然 window.print() 是一项成熟的 Web 功能,但某些现代打印对话框实现的跨浏览器 Baseline 广泛可用时钟已于本月完成,从而可以在更多正在使用的浏览器中更可靠地使用该功能。
大功告成
2025 年已结束,我们将在 2026 年迎来新一年的 Baseline!与往常一样,如果您发现我们遗漏了任何与 Baseline 相关的内容,请告诉我们,我们会确保在未来的版本中添加相应内容!