以下是 2026 年 6 月 4 日发布的 Microsoft Edge 149 中的新 Web 平台功能和更新。
若要及时了解最新动态并获取最新的 Web 平台功能，请下载 Microsoft Edge (Beta、Dev 或 Canary) 的预览频道;转到 “成为 Microsoft Edge 预览体验成员）。
详细内容：
Microsoft Edge 开发工具
请参阅 DevTools 中的新增功能 (Microsoft Edge 149) 。
WebView2
请参阅 WebView2 SDK 发行说明中的运行时 149 (2026 年 6 月 9 日的 SDK 1.0.4022.49 发布) 。
CSS 功能
Microsoft Edge 中包含以下新的级联样式表 (CSS) 功能。
CSS 间隙修饰
设置网格和弹性框容器布局中的间隙样式，类似于 column-rule 多列布局。 使用间隙装饰在视觉上分隔项目，而无需求助于伪元素或额外包装器元素等解决方法。
另请参阅：
- 在 CSS 中设置间隙样式的新方法
- MDN 的多列布局。
用户交互时剪辑文本溢出
当用户与已 text-overflow: ellipsis 设置 (的文本交互时（例如在编辑期间或插入光标导航) 期间），文本会暂时从省略号切换到剪辑 (，其中截断可能发生在字符) 的中间。 这允许用户查看隐藏的溢出内容并与之交互。
此行为适用于所有可编辑和不可编辑的元素。 窗体控件 (<textarea>， <input>) 已支持此行为。
另请参阅：
- 文本溢出 。
image-rendering: crisp-edges
该 image-rendering 属性现在支持该 crisp-edges 值。
用于 image-rendering: crisp-edges 缩放图像，保留对比度和边缘，而不会平滑颜色或引入模糊。
另请参阅：
- 在 MDN 上进行图像呈现。
path-length SVG 元素的 CSS 属性
使用新的 path-length CSS 属性设置 pathLength SVG 几何图形元素的属性值，包括：
<path><circle><rect><line><polyline><polygon><ellipse>
path-length CSS 属性允许您通过样式表、内联样式和动画操作 SVG 的pathLength属性值。
CSS 声明覆盖遵循标准 CSS 优先级规则的 SVG 演示属性。 初始值为 none。
另请参阅：
path()、、shape()、rect()和xywh()shape-outside
现在path()，可以使用 CSS shape-outside 属性中的 、 shape()、 rect()和 xywh() shape 函数定义浮点排除形状。
另请参阅：
- 路径 () MDN 的 CSS 函数。
- 形状 () MDN 的 CSS 函数 。
- () MDN 的 CSS 函数的 rect 。
- xywh () MDN 的 CSS 函数 。
- float CSS 属性 。
已从用户代理样式表中删除border-color: gray<table>
border-color: gray错误规则已从该元素的<table>浏览器用户代理样式表中删除。 表格边框现在正确默认为 currentColor，与 HTML 规范和其他浏览器匹配。
另请参阅：
将系统强调色范围限定为已安装的 Web 应用
accent-color: auto表单控件的 CSS 值现在仅在已安装的 Web 应用上下文中应用操作系统的主题色。 在常规网页上，表单控件改用浏览器默认主题色。
此更改使 和 CSS 系统颜色关键字的行为accent-color: auto保持一致AccentColorAccentColorText，这些关键字也适用于已安装的 Web 应用上下文，以减少指纹识别。
另请参阅：
- 强调色。
用户操作伪类顶层边界
:hover现在，、 和:active:focus-within伪类仅在父元素上匹配，直至父元素链中的第一个顶层元素。
例如，请考虑以下 HTML：
<main>
<div popover>
<button></button>
</div>
</main>
<script>document.querySelector('[popover]').showPopover();</script>
当用户将鼠标悬停在元素上 <button> 时， :hover 伪类会匹配 和 <button> 元素 <div popover> ，但不匹配元素 <main> ，因为 是 <div popover> 顶层元素。
顶层元素在其父上下文之外直观渲染，因此，当将鼠标悬停在顶层元素上或激活时，更改父样式是不可取的。
另请参阅：
Web API
Microsoft Edge 中包含以下新 Web API 功能。
Intl.Locale 变体
Intl.Locale对象现在公开一个variants属性。 现在还可以在构造函数的Intl.Locale选项中传递字符串variants。
区域设置的变体表示语言 ID 的语言、区域和脚本字段未涵盖的其他语言首选项。
另请参阅：
- MDN 的 Intl.Locale。
将 PWA 迁移到新源
现在，可以将已安装的渐进式 Web 应用 (PWA) 无缝迁移到新的同一站点源，从而保持用户信任和权限。
当用户安装 PWA 时，其标识绑定到其 Web 源 (例如 app.example.com) 。 以前，更改源会强制用户手动卸载并重新安装应用程序。 此功能消除了这种中断。
另请参阅：
- MDN 的渐进式 Web 应用。
区分付款请求中的付款处理程序错误
通过付款请求 API 访问的付款处理程序现在可以针对“用户已取消”与“内部付款应用错误”分别返回不同的错误。
利用这种区别为用户生成更好的流。 例如，当发生内部错误时，请重试或回退到其他付款方式，同时在用户取消时正确停止流程。
- 如果传递给
PaymentRequestEvent.respondWith的 Promise 被拒绝，OperationError则您的PaymentRequest.show()Promise 会收到一个OperationError. - 如果传递给
PaymentRequestEvent.respondWith的承诺被拒绝OperationError，并且值不是 ，则您的PaymentRequest.show()承诺将收到 (AbortError用户取消) 。
另请参阅：
- MDN 上的付款请求 API。
Request.isReloadNavigation 属性
该 isReloadNavigation 属性现在可在 Fetch API 的 Request 界面上使用。 此属性指示导航请求是否作为用户触发的重新加载启动，例如当用户单击“刷新”按钮时，或者当 OR history.go(0) 方法运行时location.reload()。
该 isReloadNavigation 属性是只读布尔值。
在服务工作进程的 FetchEvent 处理程序中使用此属性来实现缓存策略，例如绕过缓存或强制实施网络优先策略，特别是在重新加载期间。
另请参阅：
- Request.isReloadNavigation 的 Fetch Standard。
资源计时和导航计时 API 中的服务工作进程路由器计时字段
workerMatchedRouterSource和workerFinalRouterSource属性现在可用于资源计时和导航计时 API。
使用该
workerMatchedRouterSource属性确定匹配的服务工作线程静态路由器规则。使用该属性确定
workerFinalRouterSource用于请求的最终源。
另请参阅：
autocorrect="off" 在 Windows 触摸键盘上
该 autocorrect 属性现在可在 Windows 触摸键盘上正常工作。 以前，触摸键盘会 autocorrect="off" 忽略属性值，并且始终自动更正字词。
若要防止触摸键盘替换键入的文本，请将属性值设置为 autocorrect="off" ：
- 元素
<input>。 - 元素
<textarea>。 - 具有属性集的任何元素
contenteditable。
另请参阅：
- 在 MDN 上自动更正。
延迟剪贴板数据读取，直到指定 MIME 类型
异步剪贴板 API 现在会延迟从操作系统读取剪贴板数据，直到调用 getType(). 调用时 navigator.clipboard.read()，浏览器会返回一个对象数 ClipboardItem 组，每个对象都有其可用的 MIME 类型，但不包含基础数据。 请求特定格式时，实际数据是只读的。
const items = await navigator.clipboard.read(); // No data is read yet.
const text = await items[0].getType('text/plain'); // Only the 'text/plain' data is read here.
这可减少 CPU 使用率，并改善 API 调用的感知响应能力。
另请参阅：
- MDN 上的剪贴板 API。
关闭 bfcache 条目的 WebSocket 连接
现在，当页面进入 bfcache) 的后退/转发缓存时，打开的 WebSocket 连接 (关闭，而不是阻止页面被缓存。
以前，无法将具有活动 WebSocket 连接的页面存储在 bfcache 中。 通过此更改，更多页面受益于即时前后导航。
当页面进入 bfcache 时，页面会收到 close 每个受影响 WebSocket的事件。 侦听事件，pageshow然后在 时true重新连接。event.persisted
另请参阅：
源试验
以下是 Microsoft Edge 中可用的新试验性 API 的源试用版。
源试用版允许你在有限的时间内在自己的实时网站上试用实验性 API。 若要了解有关源试用版的详细信息，请参阅 在 Microsoft Edge 中使用源试用版。
有关可用源试用版的完整列表，请参阅 Microsoft Edge 源试用版。
| 名称 | 说明 | 注册 |
|---|---|---|
| 桌面平台上非隔离页面中的 SharedArrayBuffers | 允许在 SharedArrayBuffer 未跨域隔离的页面中使用对象。 |
注册 |
| 来电通知 | 允许已安装的 PWA 使用铃声和接受/拒绝按钮发送来电通知。 | 注册 |
| 校对 API | 使用内置语言模型更正文本中的语法、拼写和标点错误。 另请参阅 校对器 API。 | 注册 |
| 提示 API | 从网站或扩展 JavaScript 代码提示内置语言模型。 另请参阅 提示 API。 | 注册 |
| 提示 API 采样参数 | 和temperature采样参数允许您topK优化每个语言模型会话的模型行为。 |
注册 |
| WebAssembly 自定义描述符 | 在自定义描述符对象中更有效地存储与源级类型关联的数据。 | 注册 |
<usermedia> HTML 元素 |
浏览器控制的 HTML 元素，用于请求摄像头或麦克风访问权限，取代基于 JavaScript 的权限请求。 | 注册 |
| 软导航启发式 | 公开用于在单页应用中收集性能指标的软导航启发式方法。 | 注册 |
| 增强的画布 TextMetrics | 使用选择矩形、边界框查询和字形簇操作扩展 TextMetrics 画布 API。 | 注册 |
| WebNN | 直接在 Web 应用中构建和执行硬件加速机器学习模型。 | 注册 |
focusgroup HTML 属性 |
标准化复合小部件（例如工具栏、选项卡、菜单和单选组）的键盘导航。 | 注册 |
| CSP script-src 中的 URL 和评估哈希 | 为 CSP 指令引入 url 和 eval- 哈希 script-src ，取代基于主机名的允许列表和 unsafe-eval. |
注册 |
| Web 安装 API | 允许网站使用 navigator.install()将另一个网站安装为 Web 应用。 |
注册 |
<install> HTML 元素 |
使用该 <install> 元素以声明方式将其他网站安装为 Web 应用。 |
注册 |
| 画布中的 HTML | 允许使用新的绘图方法和 paint 事件在画布中呈现 HTML。 |
注册 |
| 数字凭据 API - 发证支持 | 触发从凭据颁发者服务器到数字钱包应用程序的用户凭据颁发。 | 注册 |
prerender_until_script 推理规则 API 操作 |
预测规则 API 操作，用于预呈现页面，但在脚本执行时切换到预取。 | 注册 |
| WebAudio 可配置呈现量子 | 允许在创建 AudioContext OR OfflineAudioContext时指定自定义呈现量子大小。 |
注册 |
| 通过表单提交进行预呈现激活 | 允许通过表单提交激活推理规则 API 中的预呈现规则。 | 注册 |
| CPU 性能 API | 公开有关用户设备功能的信息，以便与计算压力 API 配合使用。 | 注册 |
| 连接允许列表 | 限制从文档或工作线程到服务器分布的终结点允许列表的连接。 | 注册 |
| 预呈现跨源 iframe | 通过选择加入的响应标头预呈现跨源 iframe，而不是将其延迟到页面激活。 | 注册 |
| 容器计时 | 监视何时显示带批注的 DOM 容器并完成其初始绘制。 | 注册 |
| 在长动画帧 API 中单独样式和布局持续时间 | 添加 styleDuration、 forcedStyleDuration、 layoutDuration和 forcedLayoutDuration 属性以进行更深入的 CSS 性能分析。 |
注册 |
| 声明性 CSS 模块脚本 | 使用内联样式模块与影子根（包括声明性影子根）共享声明性样式表。 | 注册 |
| 自动填充事件 | 检测浏览器自动填充何时更新表单控件，以适应自定义 UI 和验证。 | 注册 |
注意
本页面的某些部分是根据 Chromium.org 创建和共享的工作进行的修改，并根据知识共享署名 4.0 国际许可证中所述的条款使用。