以下是 2025 年 10 月 30 日发布的 Microsoft Edge 142 中的新 Web 平台功能和更新。
若要保持最新状态并获取最新的 Web 平台功能,请下载Microsoft Edge (Beta、Dev 或 Canary) 的预览频道;转到 成为Microsoft Edge 预览体验成员。
详细内容:
Edge DevTools
请参阅 DevTools (Microsoft Edge 142) 中的新增功能 。
WebView2
请参阅 2025 年 11 月 3 日 (1.0.3595.46) WebView2 SDK 发行说明。
CSS 功能
下面是 Microsoft Edge 中新的级联样式表 (CSS) 功能。
AccentColor 和 AccentColorText 系统颜色
AccentColor和 AccentColorText 系统颜色现可用作 CSS 颜色值,以访问在用户设备上指定的系统主题色。
另请参阅:
document.activeViewTransition 财产
属性 document.activeViewTransition 提供对当前正在运行的视图转换的访问权限,无论此转换是在单个网页上还是在两个网页之间。
视图转换 API 允许在单个网页的不同状态之间或多个网页之间创建视觉转换。
对于单个网页中的过渡,
document.startViewTransition()方法返回一个转换对象。 属性document.activeViewTransition现在提供对此转换对象的访问,这意味着你不再需要存储document.startViewTransition()返回值。对于多个网页之间的切换,
document.activeViewTransition属性现在允许你在转换期间访问当前正在运行的转换对象。 这是 和pagereveal事件的补充pageswap。
另请参阅:
- 在 MDN 中查看转换 API。
- 文档:mdN 中的 startViewTransition () 方法 。
- 窗口:MDN 中的 pageswap 事件。
- 窗口:MDN 中的 pagereveal 事件。
样式容器查询和 if() 函数的范围语法
CSS @container style() 查询和 if() 函数现在支持范围语法。 通过范围语法,可以使用 和 > 运算符比较自定义属性和值<。
要使比较有效,比较的双方必须解析为相同的数据类型。 范围语法仅限于以下数值类型:
<length><number><percentage><angle><time><frequency><resolution>
将自定义属性与文本长度进行比较的示例:
@container style(--inner-padding > 1em) {
.card { border: 2px solid; }
}
比较两个文本值的示例:
@container style(1em < 20px) {
...
}
将替换函数中的 attr() 值与文本值进行比较的示例:
.item-grid {
background-color: if(style(attr(data-columns, type<number>) > 2): lightblue; else: white);
}
另请参阅:
- 在 MDN 中使用容器大小和样式查询。
- 如果在 MDN 上 () 。
UI 功能
下面是 Microsoft Edge 中的用户界面更改。
元素的 <select> 移动和桌面奇偶校验
<select> 使用 size 和 multiple 属性时,HTML 元素现在在桌面和移动设备上的显示方式相同,如下所示:
- 显示页面中所有选项的可滚动列表。
- 页面中的可展开下拉列表。
<select size="3">
<select size="3"> (或其他 size 大于 1) 的值现在始终显示为一个列表,在桌面和移动设备上同时显示页面上的所有选项:
以前,移动设备忽略 属性 size ,并始终呈现元素,例如 <select size="3"> 下拉列表。
<select multiple>
<select multiple> 现在,在桌面和移动设备上,始终显示为一个列表,其中同时显示页面上的所有选项。
以前,移动设备呈现 <select multiple> 为下拉列表。
<select multiple size="1">
<select multiple size="1"> 现在始终在桌面和移动设备上显示为下拉列表:
以前,桌面设备呈现 <select multiple size="1"> 为列表,其中一次在页面中显示所有选项。
SVG 功能
下面是 Microsoft Edge 中新的可缩放矢量图形 (SVG) 功能。
SVG <a> 元素中的支持download属性
SVG download<a> 元素现在支持 属性。
通过 download 属性,可以指定应下载而不是导航到 SVG 超链接的目标。
另请参阅:
-
<a>在 MDN 中。
SVG <use> 元素的 CSS 宽度和高度支持
SVG <use> 元素现在支持 width 和 height CSS 属性。
这允许通过 CSS 控制 SVG 元素的大小调整,例如提高其响应能力。
使用此功能,以下两个 HTML 代码片段现在生成相同的输出:
<svg width="100px" height="100px">
<defs>
<symbol id="sym" width="80" height="80">
<rect width="100" height="100" fill="green" />
</symbol>
</defs>
<use href="#sym" style="width:40px; height:40px" />
</svg>
<svg width="100px" height="100px">
<defs>
<symbol id="sym" width="80" height="80">
<rect width="100" height="100" fill="green" />
</symbol>
</defs>
<use href="#sym" width="40" height="40" />
</svg>
另请参阅:
-
<use>在 MDN 中。
Web API
下面是 Microsoft Edge 中的新 Web API 功能。
window.name清除用于切换浏览上下文组的跨网站导航的值
以前,属性的值 window.name 在浏览器选项卡的整个生存期内保留,即使跨网站导航切换浏览上下文组也是如此。
当跨网站导航切换浏览上下文组时,属性 window.name 现已清除。
另请参阅:
在 FedCM UI 中显示第三方 iframe 源
第三方 iframe 源现在显示在 FedCM UI 中。 向用户显示第三方 iframe 的来源非常重要,可帮助用户做出与第三方源共享其凭据的明智决策。 信赖 client_is_third_party_to_top_frame_origin 方 (RP) 元数据属性允许在 FedCM iframe 中显示第三方源。
以前,将 iframe 与 FedCM 配合使用时,FedCM UI 始终显示来自顶级站点的原点,即使它不同于 iframe 的源也是如此。 当 iframe 在概念上是顶级网站的一部分时,这很有效,即使其起源不同;例如,位于 example.com 的顶级站点可能使用其拥有的 FedCM iframe example-static.com,但对向用户显示没有意义。 在其他情况下,FedCM iframe 可能属于第三方站点。
另请参阅:
HSTS 跟踪防护
HSTS 跟踪防护通过 HTTP 严格传输安全性 (HSTS) 缓存来缓解第三方的用户跟踪。
此功能仅允许对顶级导航进行 HSTS 升级,并阻止对子资源请求进行 HSTS 升级。 阻止此类 HSTS 升级会阻止第三方站点使用 HSTS 缓存在 Web 上跟踪用户。
另请参阅:
- MDN 中的 Strict-Transport-Security 标头。
仅在安全上下文中触发 pointerrawupdate 事件
Microsoft Edge 现在仅在安全上下文中触发 pointerrawupdate 来匹配规范和其他浏览器。
以前,在 pointerrawupdate 安全上下文和不安全上下文中触发的事件与指针事件规范和其他浏览器不匹配。
另请参阅:
- 元素:MDN 中的 pointerrawupdate 事件 。
- Pointer Events Level 4 中的 pointerrawupdate 事件。
跨同源导航启用粘滞用户激活
当用户导航到同一源上的网页后,粘滞用户激活状态现在会保留。
这允许你直接使用通常需要用户激活的 Web 功能,例如 用户激活所限制的功能中列出的功能,即使在用户导航到你网站的其他网页之后也是如此。
另请参阅:
- MDN 的粘滞激活。
Web 语音 API 上下文偏差
现在可以向 Web 语音 API 提供用于语音识别中的上下文偏差的短语列表。 列出识别短语为 Web 语音 API 提供了支持上下文偏差的显式机制。
以前,Web 语音 API 使用通用语音识别模型,无法确定某些字词或短语的优先级,也无法适应特定于用户或特定于域的词汇。
另请参阅:
- Web 语音 API 中的 phrases 属性。
- MDN 中的 Web 语音 API。
Microsoft Edge 中的源试用版
以下是 Microsoft Edge 中提供的新实验 API 的源试验。
通过源试用版,你可以在自己的实时网站上试用实验性 API,时间有限。 若要了解有关源试用的详细信息,请参阅 在 Microsoft Edge 中使用源试用版。
有关可用源试用版的完整列表,请参阅 Microsoft Edge Origin 试用版。
AriaNotify API
将于 2025 年 10 月 14 日到期。
AriaNotify API 使应用能够在网页内容发生非用户发起的更改时直接告诉屏幕阅读器该说什么。 在最简单的方案中,对文档或元素调用 ariaNotify("foo") 。
请参阅 使用 Aria Notify 创建更易于访问的 Web。
广告选择 API
将于 2025 年 11 月 30 日到期。
广告选择 API 在不使用第三方 Cookie 的情况下在网站上提供与用户相关的广告。
购置信息 API
将于 2025 年 12 月 18 日到期。
购置信息 API 支持通过应用商店或直接从浏览器获取的 PWA 的第三方获取属性。
Chromium源试用版
下面是可在 Microsoft Edge 中试用的活动Chromium源试用版。
有关 Microsoft Edge 中可用的Chromium源试用版的完整列表,请参阅 Microsoft Edge Origin 试用版。
WebAssembly 自定义描述符
将于 2026 年 6 月 16 日到期。
WebAssembly 自定义描述符允许 WebAssembly 在新的自定义描述符对象中更有效地存储与源级别类型关联的数据。
WebGPU 兼容模式
到期日期:2026 年 4 月 21 日
WebGPU 兼容模式是一个选择加入的、受轻微限制的 WebGPU 子集,能够运行 OpenGL 和 Direct3D11 等较旧的图形 API。 目标是将 WebGPU 应用程序的范围扩展到没有核心 WebGPU 所需的新式显式图形 API 的旧设备。
提取重试
到期日期为 2026 年 3 月 24 日。
提取重试允许 Web 开发人员指示 fetch() 应重试请求,以便更好地保证其可靠发送,即使网络连接不稳定也是如此。 这对于保持连接提取尤其重要,因为请求可能会超过文档,而文档无法再监视其失败并执行手动重试。
提示 API
到期日期:2026 年 3 月 24 日
提示 API 是一种实验性 Web API,允许你从网站或浏览器扩展的 JavaScript 代码 (内置于 Microsoft Edge 中的 SLM) 提示小型语言模型。 使用提示 API 生成和分析文本,或基于用户输入创建应用程序逻辑,并发现将提示工程功能集成到 Web 应用程序中的创新方法。
另请参阅:
来电通知
将于 2026 年 5 月 19 日到期。
扩展通知 API 以允许已安装的 PWA 发送传入呼叫通知,即具有呼叫样式按钮和铃声的通知。 此扩展使用户能够更轻松地识别呼叫通知并应答呼叫通知,从而帮助 VoIP Web 应用创建更具吸引力的体验。 此功能还有助于弥合同时具有这两种功能的应用的本机实现与 Web 实现之间的差距。
另请参阅:
全帧速率呈现阻塞属性
到期日期:2026 年 3 月 24 日
新的 full-frame-rate 呈现阻止属性指示浏览器以较低的帧速率呈现页面,以在分析关键内容时保留资源。 分析关键内容后,浏览器会还原其正常帧速率。
例如 <link rel="expect" href="#critical-content" blocking="full-frame-rate"> ,降低浏览器的帧速率, #critical-content 直到分析元素。
呈现 full-frame-rate 阻塞属性仅供了解。 浏览器可能决定在分析阻塞元素之前降低帧速率,例如在加载阶段的开头。 浏览器还可能决定在阻止元素列表变为空(例如超时后或某些用户交互之后)之前还原帧速率。
注意
本页的部分内容是基于 Chromium.org 创建和共享的作品的修改,并根据 Creative Commons 署名 4.0 国际许可中所述的术语使用。