Chrome 149 Beta 版

发布时间:2026 年 5 月 6 日

除非另有说明,否则以下变更适用于 Android、ChromeOS、Linux、macOS 和 Windows 的最新 Chrome Beta 版渠道版本。如需详细了解此处列出的功能,请访问提供的链接或 ChromeStatus.com 上的列表。截至 2026 年 5 月 6 日,Chrome 仍处于 Beta 版阶段。您可以访问 Google.com 下载桌面版,或在 Android 设备上访问 Google Play 商店下载。

CSS 和界面

移除了表格的明确边框颜色 UA 样式表规则

此更改从 <table> 元素的 UA 样式表中移除了错误的 border-color: gray CSS 规则。

HTML 规范中不包含此规则,这会导致边框错误地不默认为 currentColor。Firefox 和 Webkit 均未在其 UA 样式表中包含此 gray 边框颜色规则,从而导致互操作性问题。

支持 shape-outside 中的 path()shape()

在 CSS shape-outside 属性中添加了对 path()shape() 形状函数的支持。借助这些函数,开发者可以更灵活地定义 shape-outside 的形状,并支持动画效果。

2026 年 6 月 7 日更新:更正了说明,之前该说明中提到了矩形坐标的使用。

支持 shape-outside 中的 rect()xywh()

在 CSS shape-outside 属性中添加了对 rect()xywh() 基本形状函数的支持。这些函数允许开发者使用矩形坐标定义浮动排除形状,从而使 Chrome 与已支持此功能的 Firefox 和 Safari 保持一致。

Web 应用范围系统强调色

限制对 CSS 关键字和 accent-color: auto 的系统强调色的访问权限,使其仅在 Web 应用和初始配置文件上下文中可用。

当在网络上广泛公开用户的系统颜色时,AccentColorAccentColorText CSS 关键字会构成重要的指纹识别向量。因此,这些关键字仅在已安装的网络应用上下文中可用。随着此功能的推出,具有 accent-color: auto 的表单控件也符合此范围。这使得开发者和用户对系统颜色有更一致的预期,并与 AccentColor[Text] 的指纹识别限制保持一致。

在用户互动时剪裁文本溢出

当用户与设置了 text-overflow: ellipsis 的文本互动(编辑或使用插入标记导航)时,文本会暂时从省略号切换到剪裁,以便用户查看隐藏的溢出内容并与之互动。此功能适用于所有可编辑和不可编辑的元素。对于表单控件(textareainput),此行为已受支持。

CSS 间隙装饰

借助 CSS 间隙装饰,您可以设置容器布局(如网格和 flexbox)中间隙的样式,类似于多列布局中的 column-rule。目前,Web 开发者必须使用变通方法来设置网格和 Flexbox 布局中间隙的样式,因此他们非常需要此功能。

image-rendering: crisp-edges

image-rendering: crisp-edges 表示应以保留对比度和边缘的方式缩放图片,并避免在此过程中平滑颜色或使图片模糊。

用户操作伪类顶层边界

此功能表示 CSS 选择器级别 4 规范中描述的行为,该规范指出 :hover:active:focus-within 匹配元素的父元素,但仅匹配父链中的第一个顶层元素。Chromium 的更改针对顶层元素实现了此限制。

具体而言,这意味着在以下结构中,如果用户将鼠标悬停在 <button> 上,则 :hover 伪类将与 <button> 和弹出式窗口匹配,但不会与 <main> 元素匹配。

<main>
  <div popover>
    <button></button>
  </div>
</main>
<script>document.querySelector('[popover]').showPopover();</script>

此项更改背后的原因是,通常情况下,顶层元素会渲染在与父元素在视觉上断开连接的“其他位置”。因此,当顶层元素处于悬停或激活状态时,更改父元素的样式通常没有意义。

Chromium 中随附的可自定义选择实现针对选择 ::picker() 弹出式窗口的特定情况硬编码了此逻辑。此功能将取代该特殊情况逻辑,实现更通用的行为。

支持将 path-length 用作 CSS 属性

此变更引入了一个新的 CSS 属性 path-length,该属性会映射到现有的 SVG pathLength 呈现属性。它适用于支持 pathLength 的 SVG 几何元素(包括 <path><circle><rect><line><polyline><polygon><ellipse>)。

pathLength 作为 CSS 属性公开,可让作者在样式表、内嵌样式和动画中指定该属性,使其能够参与正常的 CSS 层叠、特异性、过渡和动画。该属性会影响所有依赖于总路径长度的计算,包括笔画虚线渲染和沿 <textPath> 的文字定位。

CSS 声明会遵循标准 CSS 优先级规则来替换展示属性。path-length 的初始值为 none,表示没有作者提供的路径长度,与显式数值(例如 0)不同。

停用此功能后,系统会保留仅限属性的行为。

Web API

Intl.Locale.prototype.variants

按照 TC39 提案添加了 Intl.Locale.prototype.variants,并在 Intl.Locale 构造函数中的选项包中接受“变体”,如 TC39 语言 ID 更新中所述。对 ECMA402 的更改已合并到 拉取请求 960 中,对 test262 中的测试代码的更改已合并到 拉取请求 4474

程序化滚动承诺

Web 开发者目前无法知道程序化平滑滚动何时完成。此功能提供了一种解决方案:使程序化滚动方法返回 Promise 对象,这些对象在滚动完成时(无论是否中断)解析为中断状态。

付款请求:允许付款处理程序报告内部错误

使通过 Payment Request API 访问的支付处理程序能够针对“用户取消”与“内部支付应用错误”返回不同的错误。这样一来,Web 开发者就可以为用户构建更好的流程,例如在发生内部应用错误时重试或回退到其他流程,同时在用户想要取消时正确停止流程。

基于 Web 的付款处理程序 API 可以根据其用于拒绝传递给 PaymentRequestEvent.respondWith 的 promise 的错误来指示此差异。如果 promise 被 OperationError 拒绝,则使用 PaymentRequest.show() 方法向商家返回“内部应用错误”(OperationError);否则,返回“用户取消”(AbortError)。

原生应用付款处理程序基础架构也进行了类似更新,但不在 Web API 的范围内。

在 TSF 中针对 Windows 触控键盘遵循 autocorrect="off"

借助 HTML autocorrect 属性,网页作者可以控制是否应将自动更正应用于可修改元素(包括 <input><textarea> 和 contenteditable 主机)中的用户输入。在 Windows 上,触控键盘会忽略此属性,并始终自动更正字词。例如,在具有 autocorrect="off" 的元素中输入 "truf",然后输入空格,会生成 "true ",而不是保留 "truf "。此功能使 Chrome 的 TSF 集成在具有 autocorrect="off" 设置的聚焦可编辑元素上检测并恢复触控键盘自动更正。

在进入 bfcache 时断开 WebSocket 连接

活跃的 WebSocket 连接不再阻止网页进入往返缓存 (bfcache)。通过在进入 bfcache 时关闭连接,而不是将文档标记为不符合条件,浏览器允许存储和恢复具有有效 WebSocket 的网页。

Request.isReloadNavigation 属性

向 Fetch API 的 Request 接口添加了只读布尔值属性 isReloadNavigation。此属性用于指示当前导航请求是否由用户触发的重新加载操作(例如,使用刷新按钮 location.reload()history.go(0))发起。此信号主要在 Service Worker 的 FetchEvent 内的 Request 对象上公开。

停用插件以及跨源 iframe 和受限 iframe 上的 SVG 滤镜

此启动可防止 SVG 滤镜应用于跨源或受限 iframe(例如沙盒化 iframe)和嵌入式插件(例如 PDF)。当框架或插件将使用 SVG 滤镜效果进行绘制时,系统会遍历效果树,找到没有 SVG 滤镜的最高祖先,然后应用该效果。

新的源试用

在 Chrome 149 中,您可以选择加入以下新的源试用

权限政策:focus-without-user-activation

通过 focus-without-user-activation 权限政策,让嵌入者能够控制来自嵌入式内容的程序化焦点。如果框架的政策被拒绝,则程序化焦点调用(element.focus()autofocuswindow.focus()dialog.showModal() 和弹出式窗口聚焦)会被阻止,除非由用户激活触发。用户发起的聚焦(例如点击或使用 Tab 键)永远不会受到影响。

可以使用 Permissions-Policy HTTP 响应标头或 iframe allow 属性设置该政策。系统支持焦点委托:具有焦点的父框架可以以编程方式将焦点传递给子 iframe,即使子 iframe 的政策被拒绝也是如此;一旦某个框架获得焦点,它就可以在自己的子树中移动焦点。

游戏手柄事件驱动型输入 API

此提案通过一种新的事件驱动模型扩展了 Gamepad API,使应用能够以更低的延迟接收游戏手柄输入。开发者现在可以监听 rawgamepadinputchange 事件,该事件会在设备提供新的输入数据时触发,而无需依赖使用 navigator.getGamepads() 进行的频繁轮询。这样可以更快速地处理输入,尤其是在对延迟时间敏感的应用中。

WebAssembly 自定义描述符

允许 WebAssembly 在新的自定义描述符对象中更高效地存储与源级类型相关联的数据。这些自定义描述符可以通过相应来源级类型的 WebAssembly 对象的原型进行配置。这样一来,方法便可安装在 WebAssembly 对象的原型链上,并可使用常规方法调用语法直接从 JavaScript 调用。可以使用导入的内置函数以声明方式配置原型和方法。