以下是 2026 年 6 月 4 日发布的 Microsoft Edge 149 中的新 Web 平台功能和更新。
若要保持最新状态并获取最新的 Web 平台功能，请下载Microsoft Edge (Beta、Dev 或 Canary) 的预览频道;转到 成为Microsoft Edge 预览体验成员。
详细内容：
Edge DevTools
请参阅 Microsoft Edge DevTools 中的新增功能。
WebView2
请参阅 WebView2 SDK 的发行说明。
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 属性设置 SVG 几何图形元素的 pathLength 属性值，包括：
<path><circle><rect><line><polyline><polygon><ellipse>
path-length CSS 属性允许你通过样式表、内联样式和动画操作 SVG pathLength 的属性值。
CSS 声明会根据标准 CSS 优先规则替代 SVG 呈现属性。 初始值为 none。
另请参阅：
- pathLength 位于 MDN。
path()、shape()、 rect()和xywh()shape-outside
现在，可以使用 CSS shape-outside 属性中的 path()、shape()、 rect()和 xywh() 形状函数来定义浮点排除形状。
另请参阅：
- 路径 () MDN 处的 CSS 函数。
- 形状 () MDN 处的 CSS 函数。
- rect () MDN 处的 CSS 函数 。
- xywh () MDN 处的 CSS 函数 。
- MDN 处的 float CSS 属性。
从 用户代理样式表中删除border-color: gray<table>
border-color: gray已从浏览器的用户代理样式表中<table>删除元素的错误规则。 表边框现在正确默认为 currentColor，与 HTML 规范和其他浏览器匹配。
另请参阅：
- MDN 中的表> HTML 表元素。<
将系统主题色范围限定为已安装的 Web 应用
accent-color: auto表单控件的 CSS 值现在仅在已安装的 Web 应用上下文中应用操作系统的主题色。 在常规网页上，窗体控件改用浏览器默认的主题色。
此更改使 的行为 accent-color: auto 与 AccentColor 和 AccentColorText CSS 系统颜色关键字保持一致，这些关键字的范围也限定为已安装的 Web 应用上下文，以减少指纹识别。
另请参阅：
- MDN 处的着色。
用户操作伪类顶层边界
:hover、 :active和 :focus-within 伪类现在仅在父元素上匹配到父元素链中的第一个顶层元素。
例如，请考虑以下 HTML：
<main>
<div popover>
<button></button>
</div>
</main>
<script>document.querySelector('[popover]').showPopover();</script>
当用户将鼠标悬停在 <button> 元素上时，:hover伪类与 和 <div popover> 元素匹配<button>，但与 元素不匹配<main>，因为 <div popover> 是顶层元素。
顶层元素在其父上下文之外以可视方式呈现，因此，在将顶层元素悬停在上方或激活时更改父样式是不可取的。
另请参阅：
- 选择器级别 4 中的用户操作伪类。
- MDN 中的 Popover API。
Web API
Microsoft Edge 中包含以下新的 Web API 功能。
对跨源 iframe 和插件禁用 SVG 筛选器
SVG 筛选器不再应用于以下项：
- 跨源或受限 iframe (，例如沙盒 iframe) 。
- 嵌入插件 (，例如 PDF) 。
这可以防止通过 SVG 筛选器效果处理跨源内容的潜在安全问题。
另请参阅：
- MDN 中的 SVG 筛选器。
- MDN 处的 iframe> HTML 内联框架元素。<
Intl.Locale 变体
对象 Intl.Locale 现在公开属性 variants 。 现在，还可以在构造函数的选项Intl.Locale中传递variants字符串。
区域设置的变体表示语言 ID 的语言、区域和脚本字段未涵盖的其他语言首选项。
另请参阅：
OpaqueRange 窗体控件文本
使用 OpaqueRange 表示窗体控件值内的实时文本范围，例如 <textarea> 或 基于 <input>文本的 。
OpaqueRange 为内联建议、突出显示和定位的弹出框启用以下内容：
- 和
getClientRects()等getBoundingClientRect()操作。 - 与 CSS 自定义突出显示 API 集成。
OpaqueRange 通过仅公开值偏移量来保留封装，并返回 nullstartContainer 和 endContainer。
另请参阅：
- MicrosoftEdge/Demos 中的 OpaqueRange。
- 尝试使用 OpaqueRange API。 停止使用 镜像 divs 测量输入中的文本位置！ 在 YouTube。
将 PWA 迁移到新源
现在可以将已安装的渐进式 Web 应用 (PWA) 无缝迁移到新的同一站点源，从而保留用户信任和权限。
当用户安装 PWA 时，其标识将绑定到其 Web 源 (例如 app.example.com) 。 以前，更改源迫使用户手动卸载并重新安装应用。 此功能消除了这种中断。
另请参阅：
- MDN 的渐进式 Web 应用。
区分付款请求中的付款处理程序错误
通过付款请求 API 访问的付款处理程序现在可以返回“用户已取消”与“内部支付应用错误”的不同错误。
使用此区别为用户生成更好的流。 例如，发生内部错误时，重试或回退到其他付款方式，同时在用户取消时正确停止流。
- 如果通过 拒绝传递给
PaymentRequestEvent.respondWith的承诺，则你的PaymentRequest.show()承诺会收到OperationError。OperationError - 如果使用 以外的
OperationError值拒绝传递给PaymentRequestEvent.respondWith的承诺，则你的PaymentRequest.show()承诺会收到AbortError用户取消) (。
另请参阅：
- MDN 处的付款请求 API。
当 和 scrollTo 方法完成时scrollBy收到通知
编程滚动方法（如 scrollBy 和 scrollTo）现在返回一个 Promise 对象，该对象可在滚动完成时解析。 使用此承诺在平滑滚动完成后运行代码，而无需依赖计时器或滚动事件轮询。
另请参阅：
Request.isReloadNavigation 属性
属性 isReloadNavigation 现在可在提取 API 的 Request 接口上使用。 此属性指示导航请求是作为用户触发的重载发起的，例如当用户单击“ 刷新 ”按钮时，还是 location.reload() 运行 或 history.go(0) 方法时。
属性 isReloadNavigation 是只读布尔值。
在服务辅助角色的 FetchEvent 处理程序中使用此属性来实现缓存策略，例如绕过缓存或在重新加载期间强制实施网络优先策略。
另请参阅：
- 提取Standard中的 Request.isReloadNavigation。
资源计时和导航计时 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 时，页面会在每个受影响的 WebSocket上收到一个close事件。
pageshow侦听 事件，然后在 为 true时event.persisted重新连接。
另请参阅：
- MDN 中的 WebSocket。
- 在 MDN 中使用 bfcache。
源试用版
以下是 Microsoft Edge 中提供的新实验 API 的源试验。
通过源试用版，你可以在自己的实时网站上试用实验性 API，时间有限。 若要了解有关源试用的详细信息，请参阅 在 Microsoft Edge 中使用源试用版。
有关可用源试用版的完整列表，请参阅 Microsoft Edge Origin 试用版。
| 名称 | 说明 | 注册 |
|---|---|---|
| 桌面平台上非独立页面中的 SharedArrayBuffers | 允许在未跨源隔离的页面中使用 SharedArrayBuffer 对象。 |
注册 |
| 来电通知 | 允许已安装的 PWA 使用铃声和接受/拒绝按钮发送传入呼叫通知。 | 注册 |
| 校对 API | 使用内置语言模型更正文本中的语法、拼写和标点错误。 另请参阅 校对 API。 | 注册 |
| 提示 API | 提示网站或扩展 JavaScript 代码中的内置语言模型。 另请参阅 提示 API。 | 注册 |
| 提示 API 采样参数 | 和 topKtemperature 采样参数可用于优化每个语言模型会话的模型行为。 |
注册 |
| WebAssembly 自定义描述符 | 在自定义描述符对象中更有效地存储与源级类型关联的数据。 | 注册 |
<usermedia> HTML 元素 |
浏览器控制的 HTML 元素，用于请求相机或麦克风访问，取代基于 JavaScript 的权限请求。 | 注册 |
| 软导航启发式 | 公开用于在单页应用中收集性能指标的软导航启发式方法。 | 注册 |
| 增强的 Canvas TextMetrics | 使用选择矩形、边界框查询和字形群集操作展开 TextMetrics Canvas API。 | 注册 |
| WebNN | 直接在 Web 应用中生成和执行硬件加速的机器学习模型。 | 注册 |
focusgroup HTML 属性 |
标准化复合小组件的键盘导航，例如工具栏、选项卡、菜单和单选按钮组。 | 注册 |
| CSP script-src 中的 URL 和评估哈希 | 引入了 CSP 指令的 script-src url 和 eval 哈希，替换基于主机名的允许列表和 unsafe-eval。 |
注册 |
| Web 安装 API | 允许网站使用 navigator.install()将另一个网站作为 Web 应用安装。 |
注册 |
<install> HTML 元素 |
使用 <install> 元素以声明方式将其他网站安装为 Web 应用。 |
注册 |
| 画布中的 HTML | 允许使用新的绘图方法和 paint 事件在画布中呈现 HTML。 |
注册 |
| 数字凭据 API - 颁发支持 | 触发从凭据颁发者服务器向数字钱包应用程序颁发用户凭据。 | 注册 |
prerender_until_script 推理规则 API 操作 |
一个推理规则 API 操作，该操作预呈现页面，但在脚本执行时切换到预提取。 | 注册 |
| WebAudio 可配置呈现量子 | 允许在创建 AudioContext 或 OfflineAudioContext时指定自定义呈现量子大小。 |
注册 |
| 按表单提交预呈现激活 | 允许通过表单提交激活推理规则 API 中的预呈现规则。 | 注册 |
| CPU 性能 API | 公开有关用户设备功能的信息，以便与计算压力 API 一起使用。 | 注册 |
| 连接允许列表 | 限制从文档或辅助角色到服务器分发的终结点允许列表的连接。 | 注册 |
| 预呈现跨源 iframe | 通过选择加入响应标头预呈现跨源 iframe，而不是延迟到页面激活。 | 注册 |
| 容器计时 | 监视显示带批注的 DOM 容器并完成其初始绘制的时间。 | 注册 |
| 长动画帧 API 中的单独样式和布局持续时间 | 添加 styleDuration、 forcedStyleDuration、 layoutDuration和 forcedLayoutDuration 属性，以便进行更深入的 CSS 性能分析。 |
注册 |
| 声明性 CSS 模块脚本 | 使用内联样式模块与阴影根（包括声明性阴影根）共享声明性样式表。 | 注册 |
| 自动填充事件 | 检测浏览器自动更新更新表单控件的时间，以调整自定义 UI 和验证。 | 注册 |
注意
本页的部分内容是基于 Chromium.org 创建和共享的作品的修改，并根据 Creative Commons 署名 4.0 国际许可中所述的术语使用。