Chrome 125 的新变化

以下是您有必要知道的信息:

我是 Adriana Jara。我们来深入了解一下 Chrome 125 会为开发者带来哪些新变化。

CSS 锚点定位。

通过显示锚定在另一个元素的元素,您可以创建界面模式,例如将弹出式窗口用作提示,并将其附加到调用该元素的元素。

借助 CSS 锚点定位,您可以采用声明方式将绝对定位的元素绑定到页面上的一个或多个元素。它不需要 JavaScript,可在锚点可滚动时高效工作。

锚点定位功能包含大量 CSS 属性。其中一些关键属性如下所示:

  • anchor-name:将某个元素设置为其他元素的锚点。
  • position-anchor:描述锚定元素应用于定位的“默认”锚点。
  • anchor() 函数:在定位锚定元素时,引用锚点元素的位置。
  • inset-area:定位的简写形式,表示常见的相对位置。

ComputePressure API。

Compute Pressure API 可提供表示系统 CPU 负载的概要状态。

在进行优化以均衡使用计算机电源时,API 会使用合适的底层硬件指标,以确保只要系统不超过无法管理的压力,用户就可以利用所有可用的处理能力。

Intel 主导了该 API 的设计和实现工作,该 API 可让视频会议应用动态平衡功能和性能。

如需查看示例及更多信息,请访问 Compute Pressure API

Storage Access API (SAA) 已扩展到非 Cookie 存储。

Storage Access API 是一个 JavaScript API,是作为跨网站 Cookie 的替代方案而创建的,适用于依赖于加载跨网站资源的嵌入,以便根据需要向用户请求访问权限。

此版本包含一个扩展程序,可使用 Cookie 之外的 API。借助该扩展程序,您可以在第三方上下文(例如 indexDB 和 localstorage)中访问未分区的 Cookie 和非 Cookie 存储。以下代码展示了请求访问 indexDB 的示例。

// Request a new storage handle via rSA (this may prompt the user)
let handle = await document.requestStorageAccess({indexedDB : true});

// Open or create an indexedDB that is shared with the 1P context
let messageDB = handle.indexedDB.open("messages");

还有更多其他奖励!

当然还有很多。

阅读完整的版本说明

深入阅读

这里仅介绍一些重要的亮点。如需了解 Chrome 125 中的其他变化,请点击以下链接。

订阅

如需随时了解最新动态,请订阅 Chrome Developers YouTube 频道,每当我们发布新视频时,您都会收到电子邮件通知。

嗨,Adriana Jara!Chrome 126 发布之后,我会在这里告诉大家 Chrome 的新变化!