Microsoft Edge 152 Web 平台发行说明 (2026 年 8 月)

以下是 2026 年 8 月 27 日发布的 Microsoft Edge 152 中的新 Web 平台功能和更新。

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

详细内容：

• Microsoft Edge 开发工具
• WebView2
• CSS 功能
  • CSS alpha() 函数
  • CSS window-drag 属性
  • 媒体元素伪类
• HTML 功能
  • <camera> 和 <microphone> 元素
  • 参考目标
  • autocorrect 全局 HTML 属性
• Web API
  • 计划弃用卸载事件
  • encryptionScheme 属性，用于 navigator.mediaCapabilities.decodingInfo()
  • CPU 性能 API
  • CSSPseudoElement 支持 ::backdrop、 和 ::scroll-marker::view-transitions
  • 连接允许列表
  • OpaqueRange 对于表单控件文本
  • WebGPU：子组大小控制
  • audioSelection:preferred 选项，用于 getDisplayMedia()
• 源试验

Microsoft Edge 开发工具

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

WebView2

请参阅 WebView2 SDK 的发行说明。

CSS 功能

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

CSS alpha() 函数

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

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

另请参阅：

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

CSS window-drag 属性

在已安装的渐进式 Web 应用 (PWA) 中使用时， window-drag CSS 属性定义充当可拖动窗口标题栏区域的 Web 应用 UI 区域。

应用于元素时，单击和拖动指针交互会移动顶层应用程序窗口。

这对于安装在桌面操作系统上的 PWA 以及使用窗口控件覆盖功能在浏览器提供的标题栏隐藏时实现自定义标题栏和可拖动区域的应用非常有用。

该 window-drag 属性标准化并重命名现有 app-region 属性。

另请参阅：

• 在“使用窗口控件覆盖在标题栏区域中显示内容”中将某个区域设为窗口的拖动手柄。
• MDN 上的窗口控件覆盖 API。

媒体元素伪类

以下 CSS 伪类匹配 和 <video> 元素基于<audio>它们的状态：

• :playing
• :paused
• :seeking
• :buffering
• :stalled
• :muted
• :volume-locked

另请参阅：

• :playing MDN 的 CSS 伪类 。
• :paused MDN 的 CSS 伪类 。
• :seeking MDN 的 CSS 伪类 。
• :buffering MDN 的 CSS 伪类 。
• :stalled MDN 的 CSS 伪类 。
• :muted MDN 的 CSS 伪类 。
• :volume-locked MDN 的 CSS 伪类 。

HTML 功能

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

<camera> 和 <microphone> 元素

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

<camera>和<microphone>元素与<usermedia>元素共享相同的底层机制，但有一个关键区别：它们旨在请求单一功能：

• 该 <camera> 元素专门请求视频捕获。
• 元素专门 <microphone> 请求音频捕获。

与元素一样 <usermedia> ， <camera> 和 <microphone> 元素将浏览器控制、严格样式设置的 UI 嵌入到页面中。 这可确保在触发权限提示或启动流之前有一个强烈的、有意的用户信号。

另请参阅：

• <usermedia> Microsoft Edge 151 Web 平台发行说明中的元素 (2026 年 7 月) .

参考目标

referenceTarget对象的ShadowRoot属性将 、 、 aria-labelledbypopovertarget和 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，in Element： attachShadow() method， at MDN.
• Shadowroot.referencetarget，在 ShadowRoot，位于 MDN。
• shadowrootreferencetarget，在 HTML 内容模板元素中<template>。

autocorrect 全局 HTML 属性

autocorrect全局 HTML 属性控制是否自动更正 和 <textarea> 元素以及<input>具有该属性的contenteditable元素中的用户输入的拼写或标点错误。

另请参阅：

• MDN 上的自动更正 HTML 全局属性 。

Web API

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

计划弃用卸载事件

Edge 152 将引入新的 unload 权限策略，以允许创建卸载事件侦听器。 默认值最初 allow为 ，但在 Edge 152 和 Edge 155 之间，默认值将逐渐迁移到 deny，以便卸载处理程序停止在页面上触发，除非页面显式选择重新启用它们。 若要显式启用卸载事件处理程序，请使用 allow 值。

• Edge 152：默认情况下，卸载处理程序将在 60% 的页面加载中停止触发，除非站点通过 Permission-Policy 显 unload 式启用卸载处理程序。
• Edge 154：增加到 80% 的页面加载。
• Edge 155：页面加载增加到 100%。

此更改发生在 Microsoft Edge 基于的 Chromium 项目中。

unload 事件不是执行以下操作的可靠方法，因为浏览器和操作系统可以在不触发 unload 事件的情况下挂起或终止页面：

• 保存数据。
• 执行清理。
• 报告会话结束。

使用 unload 事件还可以防止页面使用后退/前进缓存，这可能会使前后和前进导航变慢。

应迁移到为上述方案设计的生命周期事件和 API。 Web 平台的长期方向是删除对卸载事件的支持。

另请参阅：

• 意向弃用：弃用卸载事件
• 即将向 Microsoft Edge 推出的网站兼容性更改中的弃用卸载事件行。

encryptionScheme 属性，用于 navigator.mediaCapabilities.decodingInfo()

除了 and contentTyperobustness 属性，现在还可以在查询navigator.mediaCapabilities.decodingInfo()媒体功能时使用此encryptionScheme属性。

这允许你确定用户的设备是否支持编解码器、稳定性和加密方案的特定组合，从而检测加密媒体是否将播放。

另请参阅：

• MDN 上的加密媒体扩展 API。
• MediaCapabilities： decodingInfo () MDN 方法。

CPU 性能 API

CPU 性能 API 可用于确定用户设备的 CPU 性能。 可以使用此信息来提供改进的用户体验，可能与计算压力 API 结合使用。

计算压力 API 提供有关用户设备的 CPU 压力或利用率的信息，并允许应用程序对 CPU 压力的变化做出反应。

另请参阅：

• CPU 性能 API。
• 计算 MDN 中的压力 API。

CSSPseudoElement 支持 ::backdrop、 和 ::scroll-marker::view-transitions

CSSPseudoElement该接口表示 CSS 伪元素，可以通过调用或CSSPseudoElement.pseudo()获取Element.pseudo()。

该CSSPseudoElement接口现在支持 ::backdrop、 和::scroll-marker::view-transitions伪元素，以及 ::after、 ::before和::marker伪元素。

将接口与这些新的伪元素结合使用 CSSPseudoElement ，可以执行以下操作：

• ::backdrop：用于在单击背景时关闭对话框，而不干扰对话框内容内的单击。 这样就无需复杂的交集逻辑来确定点击发生的位置。

• ::scroll-marker：用于收集点击统计信息。

• ::view-transitions：允许您在飞行中截获视图转换以开始新的视图转换，利用当前动画元素的坐标来避免突然的视觉跳转。

另请参阅：

• MDN 的 CSSPseudoElement。
• 元素：MDN 中的伪 () 方法。
• CSSPseudoElement：MDN 中的伪 () 方法 。

连接允许列表

通过连接允许列表，可以为可以通过网络 API（如 Fetch API）访问的网络终结点声明和强制实施显式允许列表。 这改进了出站网络控制，并降低了意外连接的风险。

授权终结点列表通过 HTTP 响应标头从 Connection-Allowlist 服务器分发。 在连接到服务器之前，浏览器会根据此允许列表评估目标。 允许与已验证的端点连接，但将阻止与允许列表中的条目不匹配的目标。

另请参阅：

• 连接允许列表
• 在 MDN 提取 API。

OpaqueRange 对于表单控件文本

用于 OpaqueRange 表示窗体控件值内文本的实时范围，例如 <textarea> 基于 <input>文本的或基于文本的。

OpaqueRange 支持对文本范围执行以下操作：

• 操作，例如 getBoundingClientRect()getClientRects()和 。
• 与 CSS 自定义突出显示 API 集成。

这可以实现内联建议、突出显示和锚定弹出框等方案。

OpaqueRange 通过仅公开值偏移量来保留封装，并返回 nullstartContainerendContainer和 。

另请参阅：

• MicrosoftEdge/Devos 的 OpaqueRange。
• 请尝试 OpaqueRange API。 停止使用镜像 div 来测量输入中的文本位置！ 在 YouTube。
• MDN 的范围。

WebGPU：子组大小控制

GPU subgroup-size-control 功能允许显式设置计算着色器中的子组大小。

当需要优化计算着色器在某些平台上的性能时（例如，对于 AI 工作负载），这非常有用。

另请参阅：

• MDN 的 WebGPU API。
• WebGPU 规范中的子组。

audioSelection:preferred 选项，用于 getDisplayMedia()

该 getDisplayMedia() 方法现在支持此 audioSelection:preferred 选项。

此选项允许您向浏览器指示您更喜欢与视频一起共享音频。

另请参阅：

• MediaDevices： getDisplayMedia MDN 中的 () 方法。

源试验

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

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

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

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

注意

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