chrome_osx64_stable_150.0.7871.46

Chrome 150 稳定版发布日期：2026 年 6 月 30 日。

除非另有说明，以下变更适用于 Android、ChromeOS、Linux、macOS 和 Windows 的 Chrome 150 稳定版。

CSS 与界面

AccentColor 和 AccentColorText 系统颜色

CSS 可以通过 AccentColor 和 AccentColorText 系统颜色读取用户设备设置的系统强调色。这样，在已安装的 Web 应用等用户希望与操作系统主题保持一致的场景中，网页内容可以获得类似原生应用的外观。只有使用初始配置文件打开已安装的 Web 应用时，才会呈现系统强调色。

相关技术资料：ChromeStatus.com 条目 · 规范

polygon() 支持可选的圆角参数

polygon() CSS 形状函数新增可选的圆角参数。开发者可以直接指定长度值来圆化多边形的角，无需手动计算贝塞尔曲线。

相关技术资料：ChromeStatus.com 条目 · 规范

zoom 属性支持动画

CSS zoom 属性现在可以制作动画，并以数值形式进行插值。开发者可以通过过渡和动画平滑缩放元素及其布局，作为现有 transform 缩放方式的补充。

相关技术资料：ChromeStatus.com 条目

CSS url() 请求修饰符

CSS url() 函数可以在带引号的 URL 字符串后添加 cross-origin()、integrity() 和 referrer-policy() 等可选请求修饰符。这些修饰符可直接从 CSS 控制资源获取行为，无需修改 HTML 或 JavaScript。例如，background-image: url("image.png" cross-origin(anonymous)) 会使用 CORS 匿名模式加载图片。这样，开发者可以细致控制由 CSS 加载的图片、字体、SVG 引用和导入样式表的跨来源访问、子资源完整性与引荐来源政策。

相关技术资料：ChromeStatus.com 条目 · 规范

CSS text-fit 属性

text-fit 会缩放文本节点的字号，使文字完整适应其容器框的宽度。

借助该属性，标题或动态内容可以填满可用的水平空间，无需手动计算字号或使用复杂的 JavaScript 变通方法。这为响应式排版提供了原生 CSS 方案，并能在不同屏幕尺寸和文字长度下保持视觉对齐。

相关技术资料：ChromeStatus.com 条目 · 规范

CSS background-clip: border-area

CSS background-clip 新增 CSS Backgrounds Level 4 定义的 border-area 值。background-clip: border-area 会根据 border-width 和 border-style，将元素背景裁剪到边框描边区域，同时忽略 border-color 的透明度。开发者因此可以直接创建渐变边框，而无需使用 border-image。WebKit 已支持该功能，此次实现使 Chromium 与其保持一致。

相关技术资料：ChromeStatus.com 条目 · 规范

CSS image(<color>) 函数

image() 函数可以使用任意颜色生成纯色图片，其语法为 image(<color>)。

相关技术资料：ChromeStatus.com 条目 · 规范

CSS light-dark() 支持图片值

作者样式表中的 CSS light-dark() 函数现在可以接受 url()、image-set() 和 none 等图片值。background-image、list-style-image、border-image-source、cursor 和 content 等图片属性，可以根据用户偏好的配色方案自动切换图片。此前该能力只允许在浏览器的 UA 样式表中使用。此变更符合 CSS Color 5 规范，也与 Firefox 的现有实现一致。

相关技术资料：ChromeStatus.com 条目 · 规范

逗号分隔的容器查询

每条 @container 规则可以包含多个查询；只要其中至少一个查询匹配，该规则就会生效。

这样可以为尚未在所有浏览器中获得支持的功能设置备用查询。

相关技术资料：ChromeStatus.com 条目 · 规范

通过 CSS 暴露不可打印区域

由于打印机的走纸结构限制，纸张四周通常存在无法可靠打印的小块区域。默认页边距一般会大于这些区域，但当作者自行设置页边距，或使用 @page 页边距框创建自定义页眉和页脚时，需要知道哪些位置能够安全打印。

CSS 描述符 page-margin-safety 可用于避开这些不可打印区域。

相关技术资料：ChromeStatus.com 条目 · 规范

flex-wrap: balance

flex-wrap: balance 可以更均衡地在多条 Flex 行之间分配内容，效果类似 text-wrap: balance。

相关技术资料：ChromeStatus.com 条目 · 规范

CSS @supports 的 named-feature() 函数

named-feature() 允许 CSS @supports 规则查询少量特定的命名功能。这些功能无法通过其他 @supports 机制检测，但具有较高的检测价值。

相关技术资料：ChromeStatus.com 条目 · 规范

overscroll-behavior: chain

overscroll-behavior 现在包含 none、auto、contain 和新增的 chain 四个值。这些值分别控制滚动传播和本地边界效果，例如过度滚动拉伸。

• none：不传播滚动，也不显示本地边界效果。
• auto：传播滚动，并显示本地边界效果。
• contain：不传播滚动，但显示本地边界效果。
• chain：传播滚动，但不显示本地边界效果。

相关技术资料：ChromeStatus.com 条目 · 规范

path-length 成为 CSS 属性

新增的 CSS path-length 属性映射到现有的 SVG pathLength 展示属性。它适用于支持 pathLength 的 SVG 几何元素，包括 <path>、<circle>、<rect>、<line>、<polyline>、<polygon> 和 <ellipse>。

相关技术资料：ChromeStatus.com 条目 · 规范

DOM 与 HTML

克隆到所有后代 selectedcontent 元素

selectedcontent 元素的部分边界行为进行了调整：

• 当一个 select 元素中同时存在多个 selectedcontent 元素时，所有元素都会保持更新，不再只更新 DOM 顺序中的第一个。
• 如果 selectedcontent 的更新会在插入、移除或移动步骤期间执行，更新将通过插入后步骤或微任务延后，以修复相关安全问题。

相关技术资料：ChromeStatus.com 条目 · 规范

Focusgroup

Focusgroup 可以声明式地为复合组件提供方向键导航、稳定的 Tab 停靠点和上次聚焦位置记忆，用来替代手工编写的 roving tabindex 脚本。

相关技术资料：ChromeStatus.com 条目 · 规范

乱序流式传输

网页可以使用 <template for> 和处理指令范围（<?marker>、<?start> 与 <?end>）更新文档中已有的部分，而无需 JavaScript。

相关技术资料：ChromeStatus.com 条目 · 规范

在 HTML 中解析处理指令

处理指令使用 <?target data> 语法，是 XML 已公开的一种 DOM 结构。它表示不是元素的节点对象，但可携带与文档处理有关的语义。

HTML 解析器现在会解析处理指令，并为其提供类似元素的属性 API，以便修改其中的数据。

相关技术资料：ChromeStatus.com 条目 · 规范

popover=hint 行为调整

popover=hint 及其与 popover=auto 的交互采用了更简单的堆叠模型。打开 hint 弹出框不再意外关闭无关的 auto 弹出框；只有当其上级 auto 弹出框被隐藏，或打开新的无关 auto 弹出框时，hint 弹出框才会隐藏。开发者也可以在 hint 弹出框中嵌套 auto 弹出框，嵌套项会平稳地按 hint 弹出框运行，不再抛出异常或破坏堆叠。这支持在 popover=hint 中放置可自定义 select 等场景。

在 beforetoggle 事件中打开和关闭弹出框的规则也更严格。新的检测机制会更可靠地对所有不允许的状态变更抛出 InvalidStateError，保持弹出框状态稳定，并防止循环重入问题。

相关技术资料：ChromeStatus.com 条目 · 规范

程序化滚动返回 Promise

Element 和 Window 的所有滚动方法都会返回 Promise，并在程序化平滑滚动结束时完成。返回结果还会表明滚动是否被中断，为滚动完成状态提供可靠信号。

相关技术资料：ChromeStatus.com 条目 · 规范

图形与媒体

禁止对插件和 iframe 应用 SVG 滤镜

Chrome 150 不再允许将 SVG 滤镜应用到嵌入式插件（例如 PDF）以及跨来源或受限制的 iframe（例如沙盒 iframe）。当插件或 iframe 原本会使用 SVG 滤镜绘制时，浏览器会沿效果树向上查找不含 SVG 滤镜的最高层祖先，并改用该层效果。

相关技术资料：ChromeStatus.com 条目 · 规范

WebGPU：即时数据

WGSL 新增 immediate 地址空间，渲染通道、计算通道和渲染包编码器新增 setImmediateData() 方法。开发者可以直接向着色器传递少量频繁更新的数据，无需创建 GPU 缓冲区对象或绑定组。

相关技术资料：ChromeStatus.com 条目 · 规范

安全与 Web Speech

data: URL 使用不透明来源

Chrome 150 调整了专用 Worker 和 Shared Worker 对 data: URL 的处理方式。这些 Worker 不再自动继承创建它们的脚本或页面的安全来源，而是获得各自唯一的不透明来源。

该行为与 Worker HTML 规范保持一致，通过将 Worker 与创建者的同源状态隔离，防止其利用 BroadcastChannel 或同源存储访问敏感数据。为了保持正确的隔离边界，这些 Worker 仍与创建者处于同一存储分区，例如继续保留顶层网站或 nonce。

相关技术资料：ChromeStatus.com 条目 · 规范

Web Speech API：设备端识别质量

SpeechRecognitionOptions 新增 quality 属性，开发者可以在 processLocally: true 时指定设备端语音识别所需的语义能力。

quality 枚举包含 command、dictation 和 conversation 三个等级，分别对应逐步提高的任务复杂度与硬件要求。开发者可以据此判断本地设备是否足以处理会议转录等高要求场景，或是否需要回退到云端服务。

相关技术资料：ChromeStatus.com 条目 · 规范

Web 应用

PWA 来源迁移

渐进式 Web 应用（PWA）安装后，其身份和安全上下文会与 app.example.com 等 Web 来源紧密绑定。当开发者因品牌调整、域名重组或技术架构变化而更换来源时，过去只能要求用户卸载旧应用并重新安装，容易中断使用并造成用户流失。Chrome 150 提供了将已安装 PWA 平稳迁移到同站点新来源的机制，同时保留用户信任和权限。

WebAppInstallForceList 企业政策会阻止迁移。由于企业的 Web 应用政策通常基于 URL 和来源，迁移可能绕过管理员已经配置的政策。对于由企业管理员强制安装的应用，Chrome 不会向用户提供迁移，而会显示横幅说明原因。

相关技术资料：ChromeStatus.com 条目 · 规范

源试用

电子邮件验证协议

EVP（电子邮件验证协议）通过无缝提供加密所有权证明，帮助用户创建、访问和恢复账号，无需手动填写通过邮件发送的一次性验证码。

相关技术资料：源试用 · ChromeStatus.com 条目 · 规范

推测性加载测量

新增的 performance.getSpeculations() 方法会公开预加载、预提取和预渲染等推测性加载的测量数据。开发者可以据此评估不同推测加载策略的效果并进行调整。

相关技术资料：源试用 · ChromeStatus.com 条目

WebRTC 诊断日志 API

该 API 用于记录 WebRTC 诊断日志。

应用可以主动启用诊断日志。日志包含应用的 WebRTC 活动信息，可用于本地调试或提交问题报告。

日志可以选择通过带外方式上传给浏览器供应商，用于诊断问题。应用会获得一个可附加到问题报告中的 ID，使用方式类似崩溃报告。

诊断日志由名为 WebRtcDiagnosticLogCollectionAllowedForOrigins 的企业政策控制。

相关技术资料：源试用 · ChromeStatus.com 条目 · 规范

弃用与移除

Chrome 150 没有弃用或移除的内容。

官方原文：Chrome 150 Release Notes