Microsoft Edge 151 Web 平台发行说明 (2026 年 7 月)

以下是 2026 年 7 月 30 日发布的 Microsoft Edge 151 中的新 Web 平台功能和更新。

若要及时了解最新动态并获取最新的 Web 平台功能，请下载 Microsoft Edge (Beta、Dev 或 Canary) 的预览频道;转到 “成为 Microsoft Edge 预览体验成员）。

详细内容：

• Microsoft Edge 开发工具
• WebView2
• CSS 功能
  • CSS ruby-overhang 属性
  • 将初始值更改 position-anchor 为 normal
  • animation-trigger 操作不再自动快退
• HTML 功能
  • <usermedia> 元素
  • aria-actions 属性
  • shadowrootslotassignment 声明性阴影 DOM 的属性
• Web API
  • 设备事件权限请求 API
  • 重复的连续导航将被忽略
  • 导航计时 API 中的跨域重定向计时
  • LanguageDetector 支持繁体中文和简体中文
  • soft-navigation 和 interaction-contentful-paint 性能条目
  • 已全局公开接口FontFaceSet
  • 推测规则： form_submission 字段
  • 滚轮事件指示是否为动量滚动
  • textStream()、 和 Request的方法ResponseBody
• 源试验

Microsoft Edge 开发工具

请参阅 DevTools 中的新增功能 (Microsoft Edge 151) 。

WebView2

请参阅：

• 运行时间： 151.0.4129.50 (2026 年 8 月 3 日)
• SDK 1.0.4129.50，适用于运行时 151 (2026 年 8 月 3 日)

CSS 功能

Microsoft Edge 中包含以下新的级联样式表 (CSS) 功能。

CSS ruby-overhang 属性

CSS 属性设置 ruby-overhang Ruby 批注是否可以与相邻文本重叠。

该属性接受 auto和 spacesnone 值，以控制 ruby 注释文本的悬垂。

另请参阅：

• <ruby> MDN 中的 HTML ruby 注释元素 。
• ruby-overhang MDN 的 CSS 属性 。

将初始值更改 position-anchor 为 normal

CSS 属性的 position-anchor 初始值现在 normal为 。 以前，初始值为 none。

这使 Microsoft Edge 与其他浏览器和定位点定位规范保持一致。

• 如果设置为 ，则position-area其行为类似于 none。 normalnone
• 如果未设置为 ，则position-area其行为类似于 auto。 normalnone

另请参阅：

• position-anchor MDN 的 CSS 属性 。
• position-area MDN 的 CSS 属性 。

animation-trigger 操作不再自动快退

CSS 属性的animation-trigger值 play和 play-forwardsplay-backwards 指示动画触发器播放动画。

这些值不再自动倒带动画：当动画已运行完成 play且 或 play-forwardsplay-backwards 被使用时，动画将不会重新启动。

另请参阅：

• CSS 滚动触发动画即将推出！

HTML 功能

Microsoft Edge 中包含以下新 HTML 功能。

<usermedia> 元素

<usermedia> HTML 元素是浏览器提供的按钮，激活后可切换相机或麦克风流。 如果需要，该按钮会提示用户选择是否授予页面访问相机和麦克风的权限。

这个浏览器提供的按钮可以提供更好的用户体验，因为权限提示直接链接到用户意图。

该 <usermedia> 元素以前在更通用 <permission> 的元素下作为源试用版提供。 根据开发人员和其他浏览器供应商的反馈，该 <permission> 元素已重命名为特定 <usermedia> 元素，以提供更加定制化和强大的开发人员体验。

另请参阅：

• <usermedia> 元素的存储库中。

aria-actions 属性

aria-actions HTML 属性公开复合交互式小组件的辅助操作。

例如，您可以使用该 aria-actions 属性来显示选项卡的关闭按钮，这是选项卡小部件的辅助操作，如下所示：

<div class="tab" aria-actions="close-tab">
  Tab title
  <button id="close-tab">Close</button>
</div>

放置在复合交互式小组件中的辅助操作是常见的 UI 模式。 该 aria-actions 属性允许你直接公开这些辅助操作按钮，以提高辅助技术 (AT) 用户的可发现性。

另请参阅：

• 功能： aria-actions 在 Chrome Platform Status 中。

shadowrootslotassignment 声明性阴影 DOM 的属性

shadowrootslotassignment该<template>元素的属性允许声明性卷影根使用手动槽分配。

以前，手动槽分配只能通过 JavaScript 进行，如下所示：

attachShadow({slotAssignment: "manual"})

现在可以通过 HTML 声明手动槽分配，如下所示：

<template shadowrootslotassignment="manual">
</template>

另请参阅：

• ShadowRoot：MDN 上的 slotAssignment 属性 。

Web API

Microsoft Edge 中包含以下新 Web API 功能。

窗口控件重叠现在默认隐藏标题栏

display_override: ["window-controls-overlay"]对于已安装的渐进式 Web 应用，Web 应用程序清单成员隐藏浏览器在窗口顶部显示的默认标题栏， (除了窗口控件按钮) 。

在 Microsoft Edge 151 之前，已安装的 Web 应用最初 display_override: ["window-controls-overlay"] 显示默认标题栏，包括 V 形 (^ 或 v) 按钮，用户可单击该按钮以启用窗口控件覆盖。

从 Edge 151 开始：

• 默认情况下，标题栏处于隐藏状态。
• 标题栏切换按钮 (V 形按钮) 已被删除。
• 已 display_override: ["window-controls-overlay"] 安装的 Web 应用可以在标题栏内立即 (V 形按钮) 位置使用该空间，而无需用户操作。

另请参阅：

• MDN 上的窗口控件覆盖 API。
• 使用窗口控件叠加在标题栏区域中显示内容。

设备事件权限请求 API

可以调用 DeviceMotionEvent.requestPermission() 并 DeviceOrientationEvent.requestPermission() 请求浏览器获取要与网页共享的设备运动和方向数据。

这些方法返回的 Promise 将解析为 granted 或 denied，具体取决于用户是否允许用户代理与页面共享传感器数据。

另请参阅：

• DeviceMotionEvent： requestPermission () MDN 的静态方法。
• DeviceOrientationEvent： requestPermission () MDN 的静态方法。

重复的连续导航将被忽略

当导航已在进行时，Microsoft Edge 现在会忽略对与上一个导航请求相同的 URL 的新导航请求。

快速连续的重复导航通常是由意外的双击引起的。 重复导航可能会取消正在进行的导航并启动新导航，从而浪费资源。 此优化提高了性能并改善了用户体验。

另请参阅：

• 尝试在 Chromium 错误跟踪器中的重复导航上保留较旧的导航。

导航计时 API 中的跨域重定向计时

Timing-Allow-Origin在跨源重定向链中使用时，标头通过导航计时 API 为目标 redirectStartredirectEnd文档提供值redirectCount。

这使您可以衡量和优化跨域重定向。

另请参阅：

• MDN 中的导航计时。
• MDN 上的 Timing-Allow-Origin 标头。

LanguageDetector 支持繁体中文和简体中文

LanguageDetector API 现在可以检测和区分以繁体中文或简体中文编写的文本。

LanguageDetector API 返回繁体中文和zh-Hans简体中文的语言代码zh-Hant。 以前，LanguageDetector API 同时针对繁体中文和简体中文返回 zh 。

另请参阅：

• 使用语言检测器 API 检测语言
• LanguageDetector API

soft-navigation 和 interaction-contentful-paint 性能条目

性能 API 现在包含两种新 PerformanceEntry 类型：

• soft-navigation - 报告由交互启动的同一文档历史记录状态更改。
• interaction-contentful-paint - 报告用户交互修改的页面部分内的新内容绘制。 这有助于了解交互加载延迟。

使用这些新条目来测量软导航的性能。 软导航是单页应用 (SPA) 中的 JavaScript 驱动导航。

另请参阅：

• MDN 中的 PerformanceEntry。
• MDN 的性能 API。

已全局公开接口FontFaceSet

该 FontFaceSet 接口现已全局公开。

以前， FontFaceSet 接口不会作为全局属性公开。

此更改使 Microsoft Edge 与 CSS 字体加载规范以及 Safari 和 Firefox 保持一致。

另请参阅：

• MDN 的 FontFaceSet。

推测规则： form_submission 字段

现在 "form_submission": true ，可以在推测规则 API 中设置预呈现规则上的字段，以允许表单提交导航激活预呈现。

以前，表单提交永远无法激活预呈现页面。 现在，设置 "form_submission": true 告诉浏览器准备预渲染，这样当用户提交其结果 URL 与预渲染 URL 匹配的表单时，预渲染将立即激活。

这对于可以提前预测结果 URL 的搜索表单非常有用。 例如，若要预呈现导航到 /search?q=foo的搜索窗体的结果，请使用以下推测规则：

<script type="speculationrules">
{
  "prerender": [
    {
      "urls": ["/search?q=foo"],
      "form_submission": true
    }
  ]
}
</script>

另请参阅：

• MDN 的推理规则 API。

滚轮事件指示是否为动量滚动

该 WheelEvent 接口现在包括一个 momentum 属性，用于指示事件是否是动量滚动的一部分。

例如，在 momentum 具有触控板的设备上，用户可以在其中执行投掷手势来滚动内容，此属性非常有用。 许多设备在触控板运动停止后会持续触发滚轮事件一段时间，以模拟滚动惯性。 此 momentum 属性可将这些模拟事件与物理触控板交互期间触发的事件区分开来。

另请参阅：

• MDN 上的 WheelEvent。

textStream()、 和 Request的方法ResponseBody

、 和 ResponseBlob 接口Request现在包含一个textStream()方法。

该 textStream() 方法提供了一种从字节流读取文本的直接方法，而无需先通过 TextDecoderStream().

另请参阅：

• 在 MDN 请求。
• MDN 的响应。
• Blob 位于 MDN。
• MDN 的 TextDecoderStream。

源试验

以下是 Microsoft Edge 中可用的新试验性 API 的源试用版。

源试用版允许你在有限的时间内在自己的实时网站上试用实验性 API。 若要了解有关源试用版的详细信息，请参阅 在 Microsoft Edge 中使用源试用版。

有关可用源试用版的完整列表，请参阅 Microsoft Edge 源试用版。

名称	说明	注册
软导航启发式	公开用于在单页应用中收集性能指标的软导航启发式方法。	注册
CSP script-src 中的 URL 和评估哈希	为 CSP 指令引入 url 和 eval- 哈希 script-src ，取代基于主机名的允许列表和 unsafe-eval.	注册
Web 安装 API	允许网站使用 navigator.install()将另一个网站安装为 Web 应用。	注册
OpaqueRange	支持在内部 <input> 文本和 <textarea> 元素上创建实时范围，这些元素会随着用户编辑而自动更新。 这些范围支持几何方法getBoundingClientRect()，例如 CSS 自定义突出显示 API，该 API 支持插入点定位弹出窗口和内联拼写检查等用例，直接在表单控件上突出显示，而无需克隆元素或公开内部 DOM 结构。	注册
数字凭据 API - 发证支持	触发从凭据颁发者服务器到数字钱包应用程序的用户凭据颁发。	注册
prerender_until_script 推理规则 API 操作	一个推理规则 API 操作，用于预呈现页面，但在脚本执行时切换到预取。	注册
CPU 性能 API	公开有关用户设备功能的信息，以便与计算压力 API 配合使用。	注册
连接允许列表	限制从文档或工作线程到服务器分布的终结点允许列表的连接。	注册
focus-without-user-activation 权限策略	通过权限策略为嵌入者提供对嵌入式内容 focus-without-user-activation 中的编程焦点的控制。 当策略针对帧被拒绝时，除非由用户激活触发或专注正在委派，否则将阻止编程的焦点调用 (element.focus()、 autofocus、 window.focus()和 dialog.showModal()弹出框焦点) 。	注册
增强的画布 TextMetrics	扩展 TextMetrics 画布 API，添加选择矩形、边界框查询和字形簇操作。	注册
WebAudio 可配置呈现量子	允许在创建 AudioContext OR OfflineAudioContext时指定自定义呈现量子大小。	注册
预呈现跨源 iframe	通过选择加入的响应标头预呈现跨源 iframe，而不是将其延迟到页面激活。	注册
容器计时	监视何时显示带批注的 DOM 容器并完成其初始绘制。	注册
在长动画帧 API 中单独样式和布局持续时间	添加 styleDuration、 forcedStyleDuration、 layoutDuration和 forcedLayoutDuration 属性，用于更深入的 CSS 性能分析。	注册
提示 API 采样参数	和temperature采样参数允许您topK优化每个语言模型会话的模型行为。	注册
<install> HTML 元素	使用该 <install> 元素以声明方式将其他网站安装为 Web 应用。	注册
声明性 CSS 模块脚本	使用内联样式模块与影子根（包括声明性影子根）共享声明性样式表。	注册
画布中的 HTML	启用使用新的绘图方法和 paint 事件在画布中呈现 HTML。	注册
游戏板原始输入事件	网页可以侦听gamepadrawinputchanged事件，而不是依赖于频繁navigator.getGamepads()的轮询。 只要在同一设备的输入帧之间检测到变化，就会引发这些事件。	注册
自动填充事件	检测浏览器自动填充何时更新表单控件，以适应自定义 UI 和验证。	注册
WebAssembly 自定义描述符 V2	将与源级类型关联的数据更有效地存储在自定义描述符对象中。	注册
推测负载测量	performance.speculations 公开有关已使用和未使用的预加载、预取、预呈现的数据。 这有助于衡量推测性加载策略的有效性，并优化性能与成本的权衡。	注册
WebMCP	允许网站为浏览器内代理注册工具，以代表用户完成任务。	注册
Email 验证协议	使网站能够使用电子邮件提供商颁发的加密令牌验证电子邮件所有权。 这减少了对电子邮件一次性密码 (OTP) 的依赖，并简化了注册、登录和恢复流程。	注册

注意

本页面的某些部分是根据 Chromium.org 创建和共享的工作进行的修改，并根据知识共享署名 4.0 国际许可证中所述的条款使用。