Published: October 1, 2025
除非另有说明，否则这些更改适用于 Android、ChromeOS、Linux、macOS 和 Windows 的 Chrome 142 Beta 版渠道。如需详细了解这些功能，请点击提供的链接或访问 ChromeStatus.com。如需下载 Chrome 142 Beta 版，请访问 Google.com（桌面设备）或 Google Play 商店（Android 设备）。
CSS 和界面
:target-before 和 :target-after 伪类
这些伪类与同一滚动标记组中活动标记（与 :target-current 匹配）之前或之后的滚动标记匹配，具体由扁平树顺序决定：
:target-before：与组中扁平树顺序中活动标记之前的所有滚动标记匹配。:target-after：与组中扁平树顺序中活动标记之后的所有滚动标记匹配。
::view-transition 元素的绝对定位
视图转换使用元素的伪子树，其中 ::view-transition 是该转换的根。之前，::view-transition 元素被指定为具有 position: fixed。CSS 工作组决定将其设为 position: absolute，因此 Chrome 现在反映了这一更改。
此更改应该不会被注意到，因为无论是在绝对定位还是固定定位的情况下，此元素的包含块都仍然是快照包含块。唯一明显的区别在于 getComputedStyle。
文档中的 activeViewTransition 属性
借助 View Transitions API，开发者可以在不同状态之间启动视觉转换。主要的 SPA 入口点是 startViewTransition()，它会返回一个转换对象。此对象包含多个 promise 和用于跟踪转换进度的功能，并允许您操纵转换，例如跳过转换或修改其类型。
从 Chrome 142 开始，开发者不再需要存储此对象。document.activeViewTransition 属性表示此对象，如果没有任何转场正在进行，则表示 null。
这也适用于 MPA 转换，其中该对象仅通过 pageswap 和 pagereveal 事件提供。在此更新中，document.activeViewTransition 在转换期间设置为此对象。
样式容器查询和 if() 的范围语法
Chrome 通过添加对范围语法的支持，增强了 CSS 样式查询和 if() 函数。
它将样式查询扩展到精确值匹配之外（例如，style(--theme: dark)）。开发者可以使用比较运算符（例如 > 和 <）来比较自定义属性、字面量值（例如 10px 或 25%）以及来自替换函数（如 attr() 和 env()）的值。为了进行有效的比较，双方必须解析为相同的数据类型。它仅限于以下数字类型：<length>、<number>、<percentage>、<angle>、<time>、<frequency> 和 <resolution>。
示例：
将自定义属性与字面量长度进行比较：
@container style(--inner-padding > 1em) {
.card {
border: 2px solid;
}
}
比较两个字面量值
@container style(1em < 20px) {
/* ... */
}
在 if() 中使用样式范围：
.item-grid {
background-color: if(style(attr(data-columns, type<number>) > 2): lightblue; else: white);
}
兴趣调用方（interestfor 属性）
Chrome 向 <button> 和 <a> 元素添加了 interestfor 属性。此属性会向元素添加“兴趣”行为。当用户对元素“表现出兴趣”时，系统会在目标元素上触发操作，例如显示弹出式窗口。用户代理会通过多种方法检测用户何时对元素“表现出兴趣”，例如将指针悬停在元素上、在键盘上按特殊热键或在触摸屏上长按元素。当兴趣表现出来或消失时，系统会在目标上触发 InterestEvent，该目标具有弹出式窗口的默认操作，例如显示和隐藏弹出式窗口。
font-language-override 属性
Chrome 引入了对 font-language-override CSS 属性的支持。借助此属性，开发者可以通过直接在 CSS 中指定四字符语言标记来替换用于 OpenType 字形替换的系统语言。
它支持精细的排版控制，这对于多语言内容或具有特定于语言的字形变体的字体尤其有用。
SVG <a> 元素中的 download 属性
Chrome 引入了对 SVGAElement 接口中 download 属性的支持，与 SVG 2 规范保持一致。借助 download 属性，作者可以指定下载 SVG 超链接的目标，而不是导航到该目标。这与 HTMLAnchorElement 中已支持的行为类似。它有助于在主要浏览器之间实现互操作性，并确保 HTML 和 SVG <a> 元素之间的行为一致，从而改善开发者体验并满足用户预期。
移动设备和桌面设备上选择元素呈现模式的对等性
通过使用 size 和 multiple 属性，可以将 <select> 元素呈现为页内列表框或带有弹出式窗口的按钮。不过，这些模式在移动版和桌面版 Chrome 中的可用性并不一致。在移动设备上，页内列表框呈现不可用；在桌面设备上，如果存在 multiple 属性，则带有弹出式窗口的按钮不可用。
此更新向移动设备添加了列表框，向桌面设备添加了多选弹出式窗口，并确保使用 size 和 multiple 属性选择启用后，在移动设备和桌面设备上呈现的模式相同。更改汇总如下：
- 当
size属性的值大于1时，系统始终使用页内呈现。移动设备之前会忽略此属性。 - 当设置了
multiple属性但没有size属性时，系统会使用页内呈现。移动设备之前会使用弹出式窗口，而不是页内列表框。 - 当设置了
multiple属性且size=1时，系统会使用弹出式窗口。桌面设备之前会使用页内列表框。
在同源渲染程序发起的导航中，用户激活状态保持不变
在网页导航到另一个同源网页后，Chrome 会保留用户激活状态。导航后网页中缺少用户激活状态会阻止某些用例，例如在自动聚焦时显示虚拟键盘。这阻碍了想要通过 SPA 构建 MPA 的开发者。
这不包括浏览器发起的导航请求（重新加载、历史记录导航、在地址栏中输入的网址等）。
Web API
WebGPU：primitive_index 功能
WebGPU 添加了一项新的可选功能，用于公开新的 WGSL 着色器内置函数 primitive_index。它为受支持硬件上的片段着色器提供每个图元的索引，类似于 vertex_index 和 instance_index 内置函数。图元索引对于高级图形技术（例如虚拟化几何图形）非常有用。
WebGPU：纹理格式层级 1 和层级 2
通过渲染附件、混合、多重采样、解析和 storage_binding 等功能扩展 GPU 纹理格式支持。
insertFromPaste、insertFromDrop 和 insertReplacementText 输入事件的 DataTransfer 属性
使用 inputType 值 insertFromPaste、insertFromDrop 和 insertReplacementText 填充输入事件的 dataTransfer 属性，以便在 contenteditable 元素中进行编辑操作期间访问剪贴板和拖放数据。
dataTransfer 对象包含与 beforeinput 事件期间可用的数据相同的数据。
此功能仅适用于 contenteditable 元素。对于表单控件
(textarea、input)，行为保持不变。
借助此属性，Chrome 可以与 Safari 和 Firefox 互操作。
媒体会话：向 enterpictureinpicture 操作详情添加原因
向媒体会话 API 中发送到 enterpictureinpicture 操作的 MediaSessionActionDetails 添加 enterPictureInPictureReason。这样，开发者就可以区分用户明确触发的 enterpictureinpicture 操作（例如，来自用户代理中的按钮）和用户代理因内容被遮挡而自动触发的 enterpictureinpicture 操作。
Web Speech API 上下文偏差
此更新通过向 Web Speech API 添加识别短语列表，使网站能够支持语音识别的上下文偏差。
开发者可以提供短语列表并对其进行更新，以便对语音识别模型应用偏差，使其偏向这些短语。这有助于提高特定于领域和个性化语音识别的准确性和相关性。
针对 JSON 模块的更严格的 *+json MIME 令牌验证
当与 *+json 匹配时，拒绝 MIME 类型的类型或子类型包含非 HTTP 令牌代码点（例如空格）的 JSON 模块脚本响应。这与其他引擎的 MIME Sniffing 规范保持一致。它是 Interop2025 模块重点领域的一部分。
FedCM - 支持在界面中显示第三方 iframe 来源
在 Chrome 142 之前，FedCM 始终在其界面中显示顶级网站。
当 iframe 在概念上是第一方时（例如，foo.com 可能有一个 iframe foostatic.com，这对用户来说没有意义），这种方法效果很好。
但如果 iframe 实际上是第三方，最好在界面中显示 iframe 来源，以便用户更好地了解他们与谁共享凭据。例如，照片编辑器可能会嵌入到图书出版 Web 应用中，并且可能希望让用户访问他们之前使用照片编辑器存储的文件。此功能现已推出。
以源为键的进程隔离
将进程隔离政策从将进程锁定到网站（例如 example.com）更改为将进程锁定到特定来源（例如 foo.example.com）。
为了进一步增强安全性，Chrome 正在转向一种更精细的进程隔离模型，称为“来源隔离”。Chrome 之前使用的是“网站隔离”，它将来自同一网站的不同来源（例如 a.example.com 和 b.example.com）分组到一个渲染器进程中。
借助来源隔离，每个单独的来源（例如 https://foo.example.com）都会隔离在其自己的渲染器进程中。它通过将进程边界与基于来源的网络基本安全模型保持一致，增强了 Chrome 的安全架构，从而更好地防范网站中潜在的漏洞。
仅在安全上下文中公开的可互操作 pointerrawupdate 事件
PointerEvents 规范在 2020 年将 pointerrawupdate 限制为安全上下文，从而在不安全上下文中隐藏事件触发和全局事件监听器。在此更新中，Chrome 与更新后的规范保持一致，并与其他主要浏览器实现互操作。
正在进行来源试用
在 Chrome 142 中，您可以选择加入以下新的 来源 试用。
设备绑定会话凭证
一种让网站安全地将会话绑定到单个设备的方法。
它允许服务器安全地将会话绑定到设备。当服务器请求时，浏览器会定期续订会话，并提供私钥的所有权证明。
每个顶级网站的 TCP 套接字池
此实验评估了以下更改的影响：将每个个人资料的 TCP 套接字池大小从 256（默认值）更改为 513，同时添加每个顶级网站 256 个的上限（以确保没有两个标签页可以耗尽池）。我们研究了将每个个人资料的上限提高到 512 的可行性，结果没有出现负面影响。每个顶级网站 256 个的上限等于每个个人资料的默认上限，因此不应会对性能产生负面影响。这些限制是针对 WebSocket 池和普通 (HTTP) 套接字池独立施加的。
我们的目标是，如果没有出现负面影响，则直接启动此实验。