稳定版发布日期:2024 年 11 月 12 日
除非另有说明,否则以下变更适用于适用于 Android、ChromeOS、Linux、macOS 和 Windows 的 Chrome 131 稳定版。
CSS
CSS 锚点定位:anchor-scope
anchor-scope
属性允许将锚点名称的可见性限制为给定子树。
跟踪 bug #40281992 | ChromeStatus.com 条目 | 规范
CSS font-variant-emoji
font-variant-emoji
CSS 属性提供了一种在彩色(表情符号样式)和单色(文本样式)表情符号字形之间切换的方法。您也可以在每个表情符号码点后面添加表情符号变体选择器(具体为:U+FE0E
用于文本,U+FE0F
用于表情符号)。
MDN font-variant-emoji | ChromeStatus.com 条目
CSS 突出显示继承
对 CSS 突出显示继承的更改原本预计会在 Chrome 131 中发布,但由于兼容性原因已被移除。
CSS 选择样式的继承变更 | ChromeStatus.com 条目 | 规范
改进了 <details>
和 <summary>
元素的样式结构
为 <details>
和 <summary>
元素的结构支持更多 CSS 样式,以便在 Web 上构建展开式 widget 或折叠式 widget 的更多情况下使用这些元素。具体而言,此更改移除了阻止对这些元素设置 display 属性的限制,并添加了 ::details-content
伪元素,以便为展开和收起的部分设置容器样式。
跟踪 bug #1469418 | ChromeStatus.com 条目 | 规范
@page
边距框
添加了对打印网页文档或将其另存为 PDF 文件时的页边距框的支持。
借助 @page
边距框,您可以定义页面边距区域中的内容,例如提供自定义标题和页脚,而不是使用浏览器生成的内置标题和页脚。
边距盒是使用 CSS @page
规则中的 at 规则定义的。边距盒的外观和内容是使用 at 规则内的 CSS 属性(包括 content 属性)指定的。还支持使用计数器来进行页码编排。该规范定义了两个特殊的计数器名称:page
用于当前页码,pages
用于总页数。
使用 CSS 打印网页时,向网页边距添加内容 | 跟踪 bug #320370 | ChromeStatus.com 条目 | 规范
@property
支持 <string>
语法
支持为已注册的自定义属性使用 <string>
语法组件名称。
跟踪 bug #357751736 | ChromeStatus.com 条目 | 规范
选择解析器放宽
这样一来,HTML 解析器除了允许在 <option>
、<optgroup>
和 <hr>
中添加标记外,还允许在 <select>
中添加标记。
此更改是为了支持可自定义的 <select>
功能。
跟踪 bug #335456114 | ChromeStatus.com 条目
在相对颜色语法中支持 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)
。
跟踪 bug #325309578 | ChromeStatus.com 条目 | 规范
支持 clip-path
、fill
、stroke
和 marker-*
属性的外部 SVG 资源
此功能增加了对剪裁路径、标记和绘制服务器(适用于 fill
和 stroke
属性)的外部引用的支持。例如 clip-path: url("resources.svg#myPath")
。
跟踪 bug #40134477 | ChromeStatus.com 条目 | 规范
Web API
Direct Sockets API
允许隔离的 Web 应用与网络设备和系统建立直接传输控制协议 (TCP) 和用户数据报协议 (UDP) 通信,以及监听和接受传入连接。
跟踪 bug #40604287 | ChromeStatus.com 条目 | 规范
将 Speculation-Rules 标头从 CSP 限制中豁免
更新了推测规则与 CSP 之间的集成,以便 CSP 仅适用于 <script type=speculationrules>
,而不适用于 Speculation-Rules
标头。
将 FedCM 用作 Storage Access API 的信任信号
通过让先前的 FedCM 授予自动批准存储空间访问权限请求的有效原因,使 FedCM 和 Storage Access API 保持一致。
跟踪 bug #330574529 | ChromeStatus.com 条目
noopener-allow-popups COOP 值
某些来源可能包含具有不同安全要求级别的不同应用。在这些情况下,阻止在一个应用中运行的脚本能够打开并脚本化另一个同源应用的网页会很有帮助。
在这种情况下,确保打开文档的程序无法对其编写脚本对文档来说是有益的,即使打开文档的程序是同源文档也是如此。
noopener-allow-popups
Cross-Origin-Opener-Policy 值可让文档进行定义。
跟踪 bug #344963946 | ChromeStatus.com 条目
专用工作器上的 WebHID
在专用工作器上下文中启用 WebHID。这样,您就可以在单独的线程中执行大量 I/O 操作并处理来自 HID 设备的数据,从而减少对主线程的性能影响。
WebRTC RTCRtpEncodingParameters.scaleResolutionDownTo
此 API 用于配置 WebRTC 编码器,以便在输入帧大于指定的 maxWidth
和 maxHeight
时进行缩放。此 API 与 scaleResolutionDownBy
类似,但分辨率约束条件以绝对值(例如 640x360)而非相对值(例如缩小 2 倍)表示,从而避免了与动态更改输入帧大小相关的竞争条件。
WebXr 手部输入模块级别 1
在 XrInputSources
上公开手关节数据,以便在 WebXr 会话期间使用。
这样,开发者便可以在 WebXr 会话期间进行更精细的互动。
跟踪 bug #359418633 | ChromeStatus.com 条目 | 规范
渲染和图形
WebGPU 剪辑距离
添加了可选的 GPU 功能 clip-distances
,可在顶点着色器输出中设置用户定义的剪裁距离。对于需要剪裁场景中超出用户定义平面的所有顶点的应用(例如许多 CAD 应用),此技术尤为有用。
跟踪 bug #358408571 | ChromeStatus.com 条目 | 规范
WebGPU:GPUCanvasContext getConfiguration()
使用配置字典调用 GPUCanvasContext configure()
后,您可以使用 GPUCanvasContext getConfiguration()
方法检查画布上下文配置。其中包括 GPU device
、format
、usage
、viewFormats
、colorSpace
、toneMapping
和 alphaMode
成员。如问题 4828 中所述,Web 应用可以使用它来检测 WebGPU 是否支持 HDR 画布。
跟踪 bug #370109829 | ChromeStatus.com 条目 | 规范
隐私权
Attribution-Reporting API:移除了对触发器注册的汇总键标识符大小限制
以前,系统会在来源和触发器注册时检查汇总键标识符长度限制。由于此限制不是为了保护隐私,并且不会保留在存储空间中,因此我们将在触发器注册中移除此限制。
Private Aggregation API:将 Protected Audience 调用方的贡献限制提高到 100
让 Protected Audience 脚本运行程序能够为每份不公开汇总报告贡献最多 100 项数据,而目前的上限为 20 项。
私密汇总会限制可嵌入单个可汇总报告中的直方图贡献数量,并舍弃任何其他贡献。共享存储空间调用方可以通过调用其他共享存储空间操作来规避此限制。不过,Protected Audience 调用方没有永久存储空间,因此在竞价结束时会失去其过剩的贡献。请注意,此更改对隐私没有影响,因为 API 的贡献仍受相同的隐私预算的限制。
由于填充,每个 Protected Audience 报告都会包含较大的载荷,即使不需要更大的贡献上限也是如此。我们预计,这些更大的报告会增加汇总服务的运营费用。
跟踪 bug #360160864 | ChromeStatus.com 条目
源试用
适用于 WebAudio 的 Playout Statistics API
借助 AudioContext.playoutStats
API,应用可以使用 WebAudio 衡量音频播放质量和延迟时间。
源测试 | ChromeStatus.com 条目 | 规范
ServiceWorkerStaticRouterTimingInfo
为 ServiceWorker 静态路由 API 添加了时间信息,这些信息会在导航时间 API 和资源时间 API 中公开供开发者使用。
Service Worker 提供时间信息,用于标记特定时间点。我们添加了两个与 Static Routing API 相关的时间信息:RouterEvaluationStart(开始将请求与已注册的路由器规则进行匹配的时间)和 CacheLookupStart(如果来源为“cache”,则开始查找缓存存储的时间)。此外,我们还添加了两个路由器来源信息,即匹配的路由器来源和最终的路由器来源。
Origin Trial | ChromeStatus.com 条目
Summarization API
一个 JavaScript API,用于生成输入文本的摘要,由 AI 语言模型提供支持。
Origin Trial | Summarization API 文档 | 跟踪 bug #351744634 | ChromeStatus.com 条目
Translator API
一种 JavaScript API,用于为网页提供语言翻译功能。
Origin Trial | Translator API 文档 | 跟踪 bug #322229993 | ChromeStatus.com 条目
废弃和移除
移除了 CSS 锚点定位属性 inset-area
由于 CSS 工作组已决定将 inset-area
属性重命名为 position-area
,因此移除此属性可清理 Chromium 中的实现,以实现符合标准的功能。
跟踪 bug #352360007 | ChromeStatus.com 条目
移除了停用 BeforeunloadEventCancelByPreventDefault
的功能
功能 BeforeunloadEventCancelByPreventDefault
已在 Chrome 117 中发布,但有一项企业政策允许强制停用此标志。此企业政策将在 Chrome 131 中移除。
移除了非标准 GPUAdapter requestAdapterInfo()
方法
WebGPU 工作组认为,让 requestAdapterInfo()
触发权限提示不切实际,因此移除了该选项,并将其替换为 GPUAdapter info
属性,以便 Web 开发者能够同步获取相同的 GPUAdapterInfo
值。
深入阅读
希望了解更多信息?请查看以下其他资源。
- Chrome 131 中的新变化
- Chrome DevTools 131 中的新变化
- ChromeStatus.com 上有关 Chrome 131 的更新
- Chrome 发布日历
- 即将弃用的功能
- 即将移除的应用