发布时间:2024 年 10 月 16 日
除非另有说明,否则以下变更适用于最新的 Chrome 测试版(Android、ChromeOS、Linux、macOS 和 Windows)。如需详细了解此处列出的一些功能,请点击所提供的链接或访问 ChromeStatus.com 上的列表。Chrome 131 自 2024 年 10 月 16 日起处于 Beta 版阶段。您可以在桌面版 Google.com 或 Android 版 Google Play 商店下载最新版本。
CSS
此版本新增了 8 项 CSS 功能。
CSS 锚点定位:anchor-scope
anchor-scope
属性可用于将锚点名称的可见性限制为给定子树。
CSS font-variant-emoji
font-variant-emoji
CSS 属性提供了一种在彩色(表情符号样式)和单色(文本样式)表情符号字形之间切换的方法。您也可以在每个表情符号代码点后面添加表情符号变体选择器(具体为 U+FE0E 和 U+FE0F)来实现此目的。
CSS 突出显示继承
借助 CSS 突出显示继承,CSS 突出显示伪类(例如 ::selection
和 ::highlight
)会通过伪突出显示链(而非元素链)继承其属性。这样一来,我们就得到了一个更直观的模型,用于继承亮点中的属性。
如需了解详情,请参阅 Igalia 的 Stephen Chenney 撰写的博文 CSS 选择样式的继承变更。
改进了 <details>
和 <summary>
元素的样式结构
为 <details>
和 <summary>
元素的结构支持更多 CSS 样式,以便在 Web 上构建展开式 widget 或折叠式 widget 的更多情况下使用这些元素。具体来说,此变更取消了阻止在这些元素上设置 display 属性的限制,并添加了 ::details-content
伪元素,用于为展开和收起的部分设置容器样式。
@page
边距框
添加了对网页文档打印或导出为 PDF 时的页边距框的支持。
借助 @page
外边距框,您可以定义页面外边距区域中的内容,例如提供自定义页眉和页脚,而不是使用浏览器生成的内置页眉和页脚。
边距盒是使用 CSS @page
规则中的 at 规则定义的。边距框的外观和内容是使用 at 规则内的 CSS 属性(包括 content
属性)指定的。系统还支持使用计数器进行页编号。该规范定义了两个特殊的计数器名称:page
用于当前页码,pages
用于总页数。
@property 支持 <string>
语法
支持为已注册的自定义属性使用 <string>
语法组件名称。
在相对颜色语法中支持 currentcolor
允许 CSS 中的相对颜色(使用 from
关键字)使用 currentcolor
作为基准。这样,您就可以根据元素的文本颜色,为该元素的边框、阴影或背景设置互补色。
此功能还包括以下使用情形:颜色函数嵌套在对 currentcolor 有依赖项的函数中,例如 color-mix(in srgb, rgb(from currentcolor r g b), white))
或 rgb(from rgb(from currentcolor 1 g b) b g r)
。
支持 clip-path
、fill
、stroke
和 marker-*
属性的外部 SVG 资源
此功能增加了对剪裁路径、标记和绘制服务器(适用于“fill”和“stroke”属性)的外部引用的支持。例如,clip-path: url("resources.svg#myPath")
。
Web API
Direct Sockets API
允许隔离的 Web 应用与网络设备和系统建立直接传输控制协议 (TCP) 和用户数据报协议 (UDP) 通信,以及监听和接受传入连接。
从 CSP 限制中豁免 Speculation-Rules 标头
更新了推测规则与 CSP 之间的集成,以便 CSP 仅应用于 <script type=speculationrules>
,而不应用于 Speculation-Rules
标头。CSP 的脚本政策旨在防止将脚本注入 HTML,CSP 威胁模型与 HTTP 标头无关。这样,您就可以更轻松地从 CDN 和其他边缘服务器部署推测规则。
将 FedCM 用作 Storage Access API 的信任信号
通过让先前的 FedCM 授予自动批准存储空间访问权限请求的有效原因,使 FedCM 和 Storage Access API 保持一致。
当用户授权在依赖方 (RP) 上使用其身份的第三方身份提供商 (IdP) 时,许多 IdP 都需要第三方 Cookie 才能正常且安全地运行。此方案旨在通过更新 Storage Access API (SAA) 权限检查,使系统不仅接受存储空间访问提示授予的权限,还接受 FedCM 提示符授予的权限,从而以私密且安全的方式满足该要求。
此机制的一个关键属性是,将授予权限限制为 RP 使用 FedCM 权限政策明确允许的情况,为 RP 强制执行每帧控制,并防止 IdP 超出 FedCM 已授予的功能进行被动监视。
合作平台价值 noopener-allow-popups
某些来源可能包含具有不同安全要求级别的不同应用。在这些情况下,阻止在一个应用中运行的脚本打开另一个同源应用的页面并对其进行脚本化处理会很有帮助。
在这种情况下,为文档确保其打开者无法对其编写脚本会很有帮助,即使打开者文档是同源文档也是如此。noopener-allow-popups
Cross-Origin-Opener-Policy 值可让文档定义该行为。
Private Aggregation API:将 Protected Audience 调用方的贡献数量上限提高至 100
让 Protected Audience 脚本运行程序能够为每份不公开汇总报告贡献最多 100 项数据,而目前的上限为 20 项。
私密汇总会限制可嵌入单个可汇总报告中的直方图贡献数量,并舍弃任何其他贡献。共享存储空间调用方可以通过调用其他共享存储空间操作来规避此限制。不过,Protected Audience 调用方没有永久存储空间,因此在竞价结束时会失去其过剩的贡献。请注意,此更改对隐私权没有影响,因为 API 的贡献仍受相同的隐私预算限制。
由于填充,每个 Protected Audience 报告都会具有较大的载荷,即使不需要更大的贡献限制也是如此。我们预计,这些更大的报告会增加汇总服务的运营成本。
选择解析器放宽
此更改使 HTML 解析器除了 <option>
、<optgroup>
和 <hr>
之外,还允许在 <select>
中添加其他标记。
这项更改是为了支持可自定义的 <select>
功能,但会先发布,因为它可以单独完成,并且存在一些兼容性风险,Chrome 团队希望收到相关反馈。
WebGPU:剪裁距离
添加了可选的 GPU 功能 clip-distances
,可在顶点着色器输出中设置用户定义的剪裁距离。这种方法特别适合需要裁剪场景中用户定义平面以外的所有顶点的应用,如许多 CAD 应用。
WebGPU:GPUCanvasContext getConfiguration()
使用配置字典调用 GPUCanvasContext configure()
后,您可以使用 GPUCanvasContext getConfiguration()
方法检查画布上下文配置。其中包括 GPU device
、format
、usage
、viewFormats
、colorSpace
、toneMapping
和 alphaMode
成员。如问题 4828 中所述,Web 应用可以用它来检测 WebGPU 是否支持 HDR 画布。
专用工作器上的 WebHID
在专用工作器上下文中启用 WebHID。这样,您就可以在单独的线程中执行大量 I/O 操作并处理来自 HID 设备的数据,从而减少对主线程的性能影响。
WebRTC RTCRtpEncodingParameters.scaleResolutionDownTo
此 API 用于配置 WebRTC 编码器,以便在输入帧大于指定的 maxWidth
和 maxHeight
时缩放输入帧。此 API 与 scaleResolutionDownBy
类似,但分辨率约束条件以绝对值(例如 640x360)而非相对值(例如缩小 2 倍)表示,从而避免与动态更改输入帧大小相关的竞争条件。
新的来源试用
在 Chrome 131 中,您可以选择参与以下新的源试用。
WebAudio 的预播放统计信息
借助 AudioContext.playoutStats
功能,应用可以使用 WebAudio 测量音频播放的质量和延迟时间。
摘要器 API
一个 JavaScript API,用于生成输入文本摘要,由 AI 语言模型提供支持。
弃用和移除
此版本的 Chrome 引入了以下弃用和移除功能。如需查看计划弃用、当前弃用和之前移除的功能的列表,请访问 ChromeStatus.com。
此版本的 Chrome 移除了三项功能。
移除了 CSS 锚点定位属性 inset-area
随着 CSS 工作组将 inset-area
属性重命名为 position-area
的相关决议,此次移除清理了 Chromium 中的实现,使其成为符合标准的功能。
移除了停用 BeforeunloadEventCancelByPreventDefault
的功能
功能 BeforeunloadEventCancelByPreventDefault
已在 Chrome 117 中发布,但有一项企业政策允许强制停用此标志。此企业政策将在 Chrome 131 中移除。
移除了非标准 GPUAdapter requestAdapterInfo()
方法
WebGPU 工作组认为,让 requestAdapterInfo()
触发权限提示并不切实,因此移除了该选项,并将其替换为 GPUAdapter info
属性,以便 Web 开发者能够同步获取相同的 GPUAdapterInfo
值。