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

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

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

详细内容：

• Microsoft Edge DevTools
• WebView2
• CSS 功能
  • CSS ruby-overhang 属性
  • 将 position-anchor 初始值更改为 normal
  • CSS alpha() 函数
  • animation-trigger 操作不再自动倒退
• HTML 功能
  • <usermedia> 元素
  • 引用目标
  • aria-actions 属性
  • shadowrootslotassignment 声明性阴影 DOM 的属性
• Web API
  • 设备事件权限请求 API
  • 重复的连续导航将被忽略
  • 导航计时 API 中的跨源重定向计时
  • 对繁体中文和简体中文的 LanguageDetector 支持
  • soft-navigation 和性能 interaction-contentful-paint 条目
  • 已 FontFaceSet 全局公开接口
  • 推理规则： form_submission 字段
  • Wheel 事件指示动量是否滚动
  • 在 Rust 中分析非 XSLT 方案的 XML
  • textStream()、 ResponseRequest和 的 方法Body
• 源试用版

Microsoft Edge DevTools

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

WebView2

请参阅 WebView2 SDK 的发行说明。

CSS 功能

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

CSS ruby-overhang 属性

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

属性接受 auto、 spaces 和 none 值，以控制 Ruby 注释文本的悬垂。

另请参阅：

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

将 position-anchor 初始值更改为 normal

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

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

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

另请参阅：

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

CSS alpha() 函数

CSS alpha() 函数通过将指定的 alpha 值应用于现有颜色来创建新颜色。

例如， alpha(from red / 0.5) 创建不透明度为 50% 的半透明红色。

另请参阅：

• CSS 颜色模块级别 5 中的相对 Alpha 颜色。

animation-trigger 操作不再自动倒退

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

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

另请参阅：

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

HTML 功能

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

<usermedia> 元素

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

此浏览器提供的按钮可实现更好的用户体验，因为权限提示直接链接到用户意向。

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

另请参阅：

• <usermedia> 元素，位于“WICG/PEPC”存储库中。

引用目标

对象的 referenceTarget 属性ShadowRoot将 、、 popovertargetaria-labelledby和 commandfor 等for属性转发到阴影 DOM 内的元素。 例如，可以使用此链接将 链接到 <label> 其 <input>，即使 <input> 位于 Web 组件的阴影 DOM 中也是如此。

当阴影宿主在其阴影树中指定元素作为其引用目标时，指向阴影宿主的所有 ID 引用将改为转发到引用目标元素。

还可以使用 shadowrootreferencetarget 属性在 HTML 中设置引用目标，如以下示例所示：

<label for="my-checkbox">Checkbox value</label>
<custom-checkbox id="my-checkbox">
  <template shadowrootmode="open" shadowrootreferencetarget="real-checkbox">
    <input id="real-checkbox" type="checkbox">
  </template>
</custom-checkbox>

另请参阅：

• referencetarget，位于 Element： attachShadow() 方法中，位于 MDN。
• Shadowroot.referencetarget，位于 ShadowRootMDN。
• shadowrootreferencetarget，位于 MDN 的 <template> HTML 内容模板元素中。

aria-actions 属性

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

例如，可以使用 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 平台状态。

shadowrootslotassignment 声明性阴影 DOM 的属性

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

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

attachShadow({slotAssignment: "manual"})

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

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

另请参阅：

• ShadowRoot：MDN 中的 slotAssignment 属性 。

Web API

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

设备事件权限请求 API

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

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

另请参阅：

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

重复的连续导航将被忽略

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

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

另请参阅：

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

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

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

这使你可以测量和优化跨源重定向。

另请参阅：

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

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

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

LanguageDetector API 返回繁体中文和zh-Hans简体中文的语言代码zh-Hant。 以前，为繁体中文和简体中文返回了 zh LanguageDetector API。

另请参阅：

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

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

性能 API 现在包括两个新 PerformanceEntry 类型：

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

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

另请参阅：

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

已 FontFaceSet 全局公开接口

接口 FontFaceSet 现已全局公开。

以前， FontFaceSet 接口未公开为全局属性。

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

另请参阅：

• MDN 处的 FontFaceSet 。

推理规则： form_submission 字段

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

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

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

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

另请参阅：

• MDN 中的推理规则 API。

Wheel 事件指示动量是否滚动

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

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

另请参阅：

• MDN 的 WheelEvent 。

在 Rust 中分析非 XSLT 方案的 XML

Microsoft Edge 现在在不需要 XSLT 处理的情况下使用基于 Rust 的 XML 分析程序。

Rust XML 分析程序通过消除 XML 分析中的内存损坏 bug 来提高安全性。 这适用于：

• DOMParser Web API。
• responseXML (XHR) 对象上的 XMLHttpRequest 属性。
• SVG 文档。

另请参阅：

• MDN 中的 DOMParser 。

textStream()、 ResponseRequest和 的 方法Body

Request、 Response和 Blob 接口现在包含方法textStream()。

方法 textStream() 提供了一种从字节流读取文本的直接方法，而无需首先通过 TextDecoderStream()管道传送流。

另请参阅：

• 在 MDN 请求。
• MDN 处的响应。
• MDN 中的 Blob。
• MDN 中的 TextDecoderStream 。

源试用版

以下是 Microsoft Edge 中提供的新实验 API 的源试验。

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

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

名称	说明	注册
软导航启发式	公开用于在单页应用中收集性能指标的软导航启发式方法。	注册
CSP script-src 中的 URL 和评估哈希	引入了 CSP 指令的 script-src url 和 eval 哈希，替换基于主机名的允许列表和 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()、 和 popover 焦点) 。	注册
增强的 Canvas TextMetrics	使用选择矩形、边界框查询和字形群集操作展开 TextMetrics Canvas API。	注册
WebAudio 可配置呈现量子	允许在创建 AudioContext 或 OfflineAudioContext时指定自定义呈现量子大小。	注册
预呈现跨源 iframe	通过选择加入响应标头预呈现跨源 iframe，而不是延迟到页面激活。	注册
容器计时	监视显示带批注的 DOM 容器并完成其初始绘制的时间。	注册
长动画帧 API 中的单独样式和布局持续时间	添加 styleDuration、 forcedStyleDuration、 layoutDuration和 forcedLayoutDuration 属性，以便进行更深入的 CSS 性能分析。	注册
提示 API 采样参数	和 topKtemperature 采样参数可用于优化每个语言模型会话的模型行为。	注册
<install> HTML 元素	使用 <install> 元素以声明方式将其他网站安装为 Web 应用。	注册
声明性 CSS 模块脚本	使用内联样式模块与阴影根（包括声明性阴影根）共享声明性样式表。	注册
画布中的 HTML	允许使用新的绘图方法和 paint 事件在画布中呈现 HTML。	注册
游戏板原始输入事件	网页可以侦听gamepadrawinputchanged事件，而不是通过 navigator.getGamepads()依赖于频繁的轮询。 只要在同一设备的输入帧之间检测到更改，将触发这些事件。	注册
自动填充事件	检测浏览器自动更新更新表单控件的时间，以调整自定义 UI 和验证。	注册
WebAssembly 自定义描述符 V2	在自定义描述符对象中更有效地存储与源级类型关联的数据。	注册
推理负载度量	performance.speculations 公开有关已用和未使用的预加载、预提取和预呈现的数据。 这有助于衡量投机加载策略的有效性，并优化性能与成本权衡。	注册
WebMCP	使站点能够注册浏览器内代理的工具，以代表用户完成任务。	注册
Email验证协议	使网站能够使用电子邮件提供程序颁发的加密令牌来验证电子邮件所有权。 这减少了对电子邮件一次性密码 (OTP) 的依赖，并简化了注册、登录和恢复流。	注册

注意

本页的部分内容是基于 Chromium.org 创建和共享的作品的修改，并根据 Creative Commons 署名 4.0 国际许可中所述的术语使用。