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 之外使用此 API。借助该扩展程序,您可以在第三方环境中访问未分区 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 开发者 YouTube 频道, ,每当我们发布新视频时,您都会收到电子邮件通知。

亲爱的 Adriana Jara,Chrome 126 一发布,我都会在这里向大家介绍 Chrome 的新变化!