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

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