Chrome 125 的新变化

以下是您需要知晓的相关信息:

我是 Adriana Jara。我们来深入了解一下 Chrome 125 中面向开发者的新功能。

CSS 锚点定位。

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

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

锚点定位功能包含大量 CSS 属性。以下是一些关键属性:

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

Compute Pressure API。

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

在针对平衡计算机电源使用情况进行优化时,该 API 会使用正确的基础硬件指标,以确保只要系统未处于不可管理的压力下,用户就可以充分利用所有可用的处理能力。

Intel 负责了此 API 的设计和实现工作,这将让视频会议应用能够动态平衡功能和性能。

如需查看示例和了解详情,请访问 Compute Pressure API

将 Storage Access API (SAA) 扩展到非 Cookie 存储空间。

Storage Access API 是一种 JavaScript API,旨在作为跨网站 Cookie 的替代方案,供依赖于加载跨网站资源的嵌入内容根据需要向用户请求访问权限。

此版本包含一个扩展程序,可用于 Cookie 以外的用途。借助该扩展程序,您可以在第三方环境中访问未分区的 Cookie 和非 Cookie 存储空间,例如 indexedDB 和 localstorage。以下代码展示了请求对 indexedDB 的访问权限的示例。

// 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 开发者 YouTube 频道,这样每当我们发布新视频时,您就会收到电子邮件通知。

我是 Adriana Jara,Chrome 126 发布后,我会立即为您介绍 Chrome 中的新变化!