发布时间：2026 年 6 月 3 日
除非另有说明，否则以下更改适用于 Android、ChromeOS、Linux、macOS 和 Windows 的最新 Chrome Beta 版渠道。您可以通过提供的链接或 ChromeStatus.com 上的列表详细了解此处列出的功能。截至 2026 年 6 月 2 日，Chrome 处于 Beta 版阶段。您可以在 Google.com 上下载桌面版最新版本，也可以在 Android 上的 Google Play 商店中下载。
CSS 和界面
AccentColor 和 AccentColorText 系统颜色
您可以在 CSS 中使用 AccentColor 和 AccentColorText 系统颜色来访问
用户设备上指定的系统强调色。借助此功能，开发者可以在用户希望操作系统主题集成的情境（例如已安装的 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 等图片属性根据用户偏好的配色方案自动在图片之间切换。
以前，此行为仅在用户代理样式表中允许。此更改与 CSS 颜色 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 属性
让作者以声明方式为复合微件提供箭头键导航、保证的 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=hint 中嵌套 popover=auto），这两种类型的弹出式窗口之间的互动可能很复杂，并可能导致意外行为。在新模型下，打开 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 颜色 5 alpha() 函数会保留原始颜色组件，仅更改 Alpha，从而减少编写开销，并使颜色令牌更易于重复使用和维护。
flex-wrap:balance
flex-wrap:balance 可让开发者在弹性行之间分配内容，使其看起来更加平衡，类似于 text-wrap:balance。
CSS @supports 的 named-feature() 函数
借助 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 步。如需了解跟踪第 1 步的 SQLite 内存上下文，请参阅 ChromeStatus 功能页面 。
MediaStreamTrackProcessor 帧计数器
向 MediaStreamTrackProcessor 接口添加了 discardedFrames 和 totalFrames 属性。借助这些计数器，Web 开发者可以通过跟踪处理器接收和丢弃的帧数来监控媒体处理流水线的运行状况。
data: 网址的不透明来源
Chrome 150 更新了 DedicatedWorker 和 SharedWorker 处理
data: 网址的方式。这些 Worker 不会自动继承创建
它们的脚本或页面的安全来源，而是会被分配一个唯一的不透明来源。
此更改与 Worker
HTML 规范
一致，并通过将这些 Worker 与创建者的同源
状态隔离来增强安全性，防止它们通过
BroadcastChannel或同源存储等机制访问敏感数据。为了保持正确的隔离边界，这些 Worker 仍与其创建者位于同一存储分区中（例如，通过保留顶级网站或 nonce）。
此安全调整在桌面平台和移动平台中默认处于启用状态。管理员可以通过集中式配置查看或验证安全边界。如需了解技术实现详情和 规范参考，请参阅 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) 可帮助用户创建、访问和恢复账号，方法是无缝提供加密所有权证明，而不是手动提供电子邮件一次性密码。
弃用和移除
此版本的 Chrome 引入了以下弃用和移除。
从 FontFaceSet IDL 中移除 [LegacyNoInterfaceObject]
Chromium 的 FontFaceSet IDL 之前错误地使用了 [LegacyNoInterfaceObject]，这会将 FontFaceSet 隐藏为全局属性，并从其原型中删除构造函数属性。此行为偏离了 CSS 字体加载规范，并且与 Safari 和 Firefox 行为不同。
此移除操作会从 FontFaceSet IDL 中移除 [LegacyNoInterfaceObject]，从而使 FontFaceSet 可以作为全局属性正确访问。由于 IDL 中未定义 constructor()，因此从 JavaScript 调用新的 FontFaceSet() 会正确抛出 TypeError: Illegal constructor，这与规范要求的行为一致。