发布时间：2026 年 6 月 3 日
除非另有说明，否则以下变更适用于 Android、ChromeOS、Linux、macOS 和 Windows 的最新 Chrome Beta 版渠道版本。如需详细了解此处列出的功能，请访问提供的链接或 ChromeStatus.com 上的列表。截至 2026 年 6 月 2 日，Chrome 仍处于 Beta 版阶段。您可以访问 Google.com 下载桌面版，或在 Google Play 商店中下载 Android 版。
CSS 和界面
AccentColor 和 AccentColorText 系统颜色
AccentColor 和 AccentColorText 系统颜色可在 CSS 中用于访问用户设备上指定的系统强调色。借助此功能，开发者可以在用户期望操作系统主题集成的情境中（例如已安装的 Web 应用）将应用般的样式应用于其 Web 内容。用户必须在初始个人资料中安装 Web 应用，才能看到渲染的系统强调色。
允许为 polygon() 提供可选的舍入参数
您可以在 polygon() CSS 形状函数中指定可选的边角圆角参数。开发者可以指定长度值来对多边形角进行圆角处理，而无需手动计算贝塞尔曲线。
可动画缩放
CSS zoom 属性可添加动画效果，并以 <number> 的形式进行插值。开发者可以过渡和动画缩放，以平滑地缩放元素及其布局，从而补充基于转换的现有缩放功能。
CSS 网址请求修饰符
CSS url() 函数在带引号的网址字符串后接受可选的请求修饰符：cross-origin()、integrity() 和 referrer-policy()。这些修饰符可直接从 CSS 控制所引用资源的提取行为，而无需更改 HTML 标记或 JavaScript。
例如，background-image: url("image.png" cross-origin(anonymous)) 使用 CORS 匿名模式提取图片。
CSS text-fit 属性
缩放文本节点的字体大小，使其完全适合其包含框的宽度。
借助此属性，开发者可以确保标题或动态内容填充可用的水平空间，而无需手动计算字号或使用复杂的 JavaScript 变通方法。此属性提供了一种强大的 CSS 原生自适应排版解决方案，可在不同屏幕尺寸和不同文本长度下保持视觉对齐。
CSS background-clip: border-area
实现了 CSS background-clip 属性的 border-area 值，如 CSS 背景级别 4 中所定义。background-clip 值会将元素的背景剪裁到其边框描边绘制的区域，同时考虑 border-width 和 border-style，并忽略 border-color 中的透明度。此值可让您创建没有 border-image 的渐变边框。
CSS image(<color>) 函数
开发者可以使用 image() 函数根据任意颜色生成纯色图片。语法为：image() = image( <color> )。
包含图片值的 CSS light-dark()
扩展了 CSS light-dark() 函数，使其能够在作者样式表中接受图片值（例如 url()、image-set() 和 none），从而让图片属性（例如 background-image、list-style-image、border-image-source、cursor 和 content）能够根据用户的首选配色方案自动在图片之间切换。以前，此行为仅允许在 User Agent 样式表中进行。此更改与 CSS Color 5 规范保持一致，并与 Firefox 的现有实现相匹配。
克隆到所有后代 selectedcontent 元素中
我们正在对 selectedcontent 元素的边缘情况进行多项小更改：
- 当多个
selectedcontent元素同时放置在<select>元素中时，所有这些元素都会保持最新状态，而不仅仅是 DOM 顺序中的第一个元素。 - 在插入、移除或移动步骤期间运行以修复安全问题时，系统会延迟更新
selectedcontent元素。更新通过使用插入后步骤或微任务来延迟。
以逗号分隔的容器查询
支持每条 @container 规则包含多个查询。如果至少有一个查询匹配，则应用 @container 规则。
借助此功能，您可以为并非在所有浏览器中都受支持的功能提供回退查询。
示例：
@container --name1 not-supported(--foo: bar), --name2 (width > 600px) {}
除了支持多个查询之外，对象模型还进行了扩展，以支持 CSSContainerRule API 上的 conditions 属性。
向 CSS 公开不可打印区域
打印机通常在纸张的四个边缘各有一小块区域无法可靠地进行标记，这通常是由于打印机的纸张处理机制所致。默认的页面边距应大于这些区域，但如果作者自行设置边距，甚至想添加 @page 边距框（例如用于自定义页眉和页脚），则需要一种方法来确定可以在哪些位置安全地打印。
CSS 描述符 page-margin-safety 可用于避开此类无法打印的区域。
focusgroup 属性
让作者能够以声明方式为复合 widget 提供箭头键导航、有保证的 Tab 键停止和上次聚焦记忆，从而取代手动编码的漫游 tabindex 脚本。 示例：
<div focusgroup="toolbar wrap" aria-label="Formatting">
<button>Bold</button>
<button>Italic</button>
<button>Underline</button>
</div>
媒体元素伪类
:playing、:paused、:seeking、:buffering、:stalled、:muted 和 :volume-locked CSS 伪类会根据 <audio> 和 <video> 元素的状态进行匹配。
此功能是 Interop 2026 的重点领域之一。
popover=hint 行为变更
此项更改针对 popover=hint 属性及其与 popover=auto 的互动实现了一个经过修订且简化的堆叠模型。之前，在某些极端情况下（例如将 popover=auto 嵌套在 popover=hint 中），这两种类型的弹出式窗口之间的互动可能会很复杂，并可能导致出现意外行为。在新模型下，打开 popover=hint 不再会意外关闭无关的 popover=auto 元素。只有在提示弹出框的祖先 popover=auto 隐藏时，或在打开新的无关 popover=auto 时，提示弹出框才会隐藏。此外，开发者可以安全地将自动弹出式提示框嵌套在提示弹出式提示框中；嵌套的 popover=auto 不会抛出异常或中断堆栈，而是会正常降级并充当 popover=hint。借助此功能，开发者可以在 popover=hint 中放置可自定义的 <select>。
为了进一步提高可预测性并防止复杂的状态突变，Chrome 还收紧了从 beforetoggle 事件中打开和关闭弹出式窗口的行为。之前，我们针对部分（而非全部）可能的情况设置了防护措施。此项更改改进了用于检测这些情况的机制，以便在所有此类情况下更可靠地抛出 InvalidStateError。此项更改可确保弹出式窗口状态管理保持稳定，并防止出现循环重入 bug。
这些更改的动机是与 Mozilla 就 GitHub 上的 HTML 规范拉取请求进行的标准对话。
相对 Alpha 颜色
相对 Alpha 颜色提供了一种直接的 CSS 方法，用于派生现有颜色的半透明版本，而无需重写其颜色通道。目前，开发者如果想要使用相同颜色但不同不透明度，需要复制组件值或创建单独的预计算令牌。CSS Color 5 alpha() 函数可保留原始颜色组件，仅更改 Alpha，从而减少创作开销，并使颜色令牌更易于重用和维护。
自适应大小 <iframe>
允许网站选择启用具有自适应尺寸的 iframe，这会将父文档中的 <iframe> 元素调整为 iframe 文档的布局溢出尺寸，以避免在子文档中滚动。
flex-wrap:balance
flex-wrap:balance 可让开发者在弹性行之间分配内容，使其看起来更加平衡，类似于 text-wrap:balance。
CSS 的 named-feature() 函数 @supports
借助 named-feature() 函数，CSS @supports 规则可以查询一组特定的命名功能，这些功能无法使用其他 @supports 机制进行测试，但被认为非常值得测试。
overscroll-behavior: chain
overscroll-behavior 有三个值：none、auto 和 contain。这些值会影响两种独立的效果：滚动传播和局部边框效果。例如，过度滚动拉伸。
none：无滚动传播，无本地边界效应。auto：滚动传播，本地边界效应。contain：无滚动传播，局部边界效应。
此版本跟踪了一个新值，以完成该组：chain：滚动传播，无局部边界效应。
此值适用于实现为滚动器的侧边菜单等效果。您可以将菜单拉入，当它到达边缘时，不会过度滚动、拉伸和转换。不过，滚动随后会链接到祖先。
Web API
停用插件以及跨源或受限 iframe 上的 SVG 滤镜
Chrome 150 会阻止将可缩放矢量图形 (SVG) 滤镜应用于跨源或受限 iFrame（例如沙盒化 iFrame）和嵌入式插件（例如 PDF）。当使用 SVG 滤镜效果绘制框架或插件时，系统会遍历效果树以找到没有 SVG 滤镜的最高祖先，并应用该效果。
IndexedDB：SQLite 后端
Chromium 的 IndexedDB 实现已在 SQLite 的基础上重写，以替换之前使用 LevelDB 和扁平文件混合的实现。此更改不会影响 Web API。
预计此次重写将提高可靠性，并在一定程度上提升性能。
目前，此项更改适用于新的数据存储区。此项更改是多阶段渐进式发布中的第 2 步。请参阅ChromeStatus 功能页面（针对内存中的 SQLite 上下文），其中跟踪了第 1 步。
MediaStreamTrackProcessor 帧计数器
向 MediaStreamTrackProcessor 接口添加了 discardedFrames 和 totalFrames 属性。这些计数器可让 Web 开发者通过跟踪处理器接收和丢弃的帧数来监控媒体处理流水线的运行状况。
data: 网址的不透明来源
Chrome 150 更新了 DedicatedWorker 和 SharedWorker 处理 data: 网址的方式。这些 worker 不再自动继承创建它们的脚本或网页的安全来源，而是被分配了唯一的不透明来源。
此更改符合 Worker HTML 规范，并通过将这些 Worker 与创建者的同源状态隔离开来增强安全性，防止它们通过 BroadcastChannel 或同源存储等机制访问敏感数据。为了保持正确的隔离边界，这些 worker 仍与其创建者位于同一存储分区中（例如，通过保留顶级网站或随机数）。
此安全调整在桌面平台和移动平台中默认处于启用状态。管理员可以通过集中式配置查看或验证安全边界。如需了解技术实现详情和规范参考，请参阅 HTML Living Standard Worker 设置的第 3 步。
PWA 源迁移
当用户安装渐进式 Web 应用 (PWA) 时，其身份和安全情境会与其网站源（例如 app.example.com）紧密绑定。对于因品牌重塑、网域重组或技术重新架构而需要更改 PWA 来源的开发者来说，这种绑定带来了巨大挑战。此类更改会迫使用户手动卸载旧应用并重新安装新应用，从而导致用户体验中断，并可能导致用户流失情况。Chrome 150 引入了一种机制，供开发者将已安装的 PWA 迁移到新的同源网站，同时保留用户信任度和权限。
WebAppInstallForceList 政策会阻止迁移。由于与 Web 应用相关的企业政策主要基于网址和来源，因此迁移可能会绕过管理员可能已配置的某些政策。当企业管理员强制安装应用时，Chrome 不会向用户提供迁移选项，而是会显示一个横幅向用户说明这种情况。
解析 HTML 中的处理指令
处理指令（语法：<?target data>）是一种现有的 DOM 结构，在 XML 中公开，允许节点对象不是元素，但可以对文档的处理具有一定的语义意义。
例如，您可以使用它们来表示流式传输或突出显示的时间范围，而无需新的 DOM 元素，也不会更改 CSS 相关的 DOM 结构，或者将它们用作 HTML 解析器关于如何缓冲和流式传输的指令。
无序流式传输
借助乱序流式传输，您可以使用 <template for> 和处理指令范围（<?start> 和 <?end>）以非顺序方式传送 HTML，并更新文档的现有部分，而无需使用 JavaScript。
程序化滚动承诺
此功能可为程序化平滑滚动操作的完成状态提供可靠的信号。Element 和 Window 中的所有滚动方法都会返回 Promise 对象，这些对象会在滚动完成后得到解析，并且解析后的值会指明滚动是否被中断。
WebGPU Immediates
在 WGSL 中添加了一个新的即时地址空间，并在渲染通道、计算通道和渲染捆绑包编码器上添加了一个 setImmediateData() 方法，该方法允许将少量频繁更新的数据直接传递给着色器，而无需创建 GPU 缓冲区对象或绑定组。这对于需要更新每个绘制调用（例如对象索引、材质索引或转换矩阵）的每绘制参数的应用特别有用，通过避免缓冲区和绑定组管理开销，可显著提高性能。
Web Speech API：设备端识别质量
通过向 SpeechRecognitionOptions 添加 quality 属性来扩展 SpeechRecognition 接口。此属性可让开发者使用 processLocally: true 指定设备端识别所需的语义功能。
提议的 quality 枚举支持三个级别：command、dictation 和 conversation，分别对应于不断增加的任务复杂程度和硬件要求。借助此功能，开发者可以确定本地设备是否可以处理高风险用例（例如会议转写），或者是否需要回退到云服务，从而解决设备端模型功能的不透明性问题。
新的源试用
在 Chrome 150 中，您可以选择加入以下新的源试用。
电子邮件验证协议 (EVP)
电子邮件验证协议 (EVP) 可帮助用户创建、访问和恢复账号，方法是无缝提供所有权加密证明，而不是手动输入电子邮件 OTP。
弃用和移除
此版本的 Chrome 引入了以下弃用和移除项。
从 FontFaceSet IDL 中移除 [LegacyNoInterfaceObject]
Chromium 的 FontFaceSet IDL 之前错误地使用了 [LegacyNoInterfaceObject]，这导致 FontFaceSet 作为全局属性被隐藏，并从其原型中删除了构造函数属性。此行为与 CSS 字体加载规范相悖，并且与 Safari 和 Firefox 的行为不同。
此移除操作会从 FontFaceSet IDL 中移除 [LegacyNoInterfaceObject]，从而使 FontFaceSet 可作为全局属性正确访问。由于 IDL 中未定义 constructor()，因此从 JavaScript 调用 new FontFaceSet() 会正确抛出 TypeError: Illegal constructor，符合规范强制要求的行为。