以下是 Microsoft Edge 148 中于 2026 年 5 月 7 日发布的新的 Web 平台功能和更新。
若要保持最新状态并获取最新的 Web 平台功能，请下载Microsoft Edge (Beta、Dev 或 Canary) 的预览频道;转到 成为Microsoft Edge 预览体验成员。
详细内容：
- Edge DevTools
- WebView2
- CSS 功能
- Web API
-
源试用版
- 编写器 API
- 重写程序 API
- 校对 API
- 提示 API
- WebGPU 兼容模式
- 共享辅助角色的延长生存期
- 桌面平台上非独立页面中的 SharedArrayBuffers
- 来电通知
- WebAssembly 自定义描述符
- Web 安装 API
-
<usermedia>HTML 元素 - 增强的 Canvas TextMetrics
- WebNN
-
focusgroup键盘导航的 HTML 属性 - CSP script-src 中的 URL 和评估哈希
- 数字凭据 API - 颁发支持
-
prerender_until_script推理规则 API 操作 - WebAudio 可配置呈现量子
- 按表单提交预呈现激活
- CPU 性能 API
- 预呈现跨源 iframe
- 自动填充事件
Edge DevTools
请参阅 Microsoft Edge DevTools 中的新增功能。
WebView2
请参阅 WebView2 SDK 的发行说明。
CSS 功能
Microsoft Edge 中包括以下新的级联样式表 (CSS) 功能。
CSS 仅名称容器查询
CSS 查询容器只能基于它 container-name 进行查询，并且该容器不需要任何 container-type 设置：
<style>
#container {
container-name: --foo;
}
@container --foo {
input { background-color: green; }
}
</style>
<div id="container">
<div><input></div>
</div>
以前， @container 除了 container-name还需要一些查询。
另请参阅：
- MDN 的@container 。
- MDN 处的 container-name。
关键字 (keyword) revert-rule
关键字 (keyword) revert-rule 将级联回滚到上一个规则。
这类似于 revert-layer 将级联回滚到上一 层。
例如：
div { color: green; }
div { color: revert-rule; /* Effectively green */ }
关键字 (keyword) revert-rule 与条件结合使用时特别有用。 如果不满足某些条件，关键字 (keyword) revert-rule 允许消除当前规则：
div {
display: if(style(--layout: fancy): grid; else: revert-rule);
}
另请参阅：
- CSS 级联和继承级别 6 中的还原规则关键字 (keyword) 。
at-rule()：CSS 功能检测
函数 at-rule() 可在 CSS @supports中使用，以功能检测对 CSS at-rules 的支持。
另请参阅：
- Extensions to the @supports rule 在 CSS 条件规则模块级别 5 中。
text-decoration-skip-ink: all
属性 text-decoration-skip-ink 现在有一个 all 值。 此属性继续支持 auto 和 none。
all- 无条件地对所有字形（包括 CJK 字符）应用墨迹跳过。 使用text-decoration-skip-ink: all时，如果调整text-underline-position或text-underline-offset以避免与 CJK 字形冲突，也可以显式选择跳过这些字符的墨迹。auto- 保持不跳过 CJK 字符。 对于象形字脚本很有用。 在典型的下划线位置，跳过墨迹可能会对象形文字产生不需要的视觉结果。none- 防止墨迹跳过。
另请参阅：
- MDN 上的 text-decoration-skip-ink 。
- CSS 文本修饰模块级别 4 中的 text-decoration-skip-ink 属性。
Web API
Microsoft Edge 中包含以下新的 Web API 功能。
资源计时中的内容类型
上的PerformanceResourceTiming新contentType字段包含一个字符串，该字符串对应于服务器返回的提取资源的内容类型。
另请参阅：
dropEffect 在拖放事件中处理
使用拖放 API 时，dropEffect属性现在在 、 dragover和 dragleave 事件期间dragenter具有正确的预先确定值，如 HTML 标准所指定。
对于 dragenter 和 dragover 事件， dropEffect 属性现在基于当前的 effectAllowed。
对于 dragleave 事件， dropEffect 始终 "none"为 。
另请参阅：
延长共享辅助角色的生存期
extendedLifetime在创建共享辅助角色时设置 选项，以便在所有客户端页关闭后保持服务辅助角色在有限时间内保持活动状态。 此方法可在卸载期间可靠地完成异步操作。
另请参阅：
- MDN 的 SharedWorker。
检测安全付款确认功能
PaymentRequest.getSecurePaymentConfirmationCapabilities()使用 方法确定浏览器中支持哪些安全付款确认功能。
此方法返回一个 对象，该对象描述浏览器的安全付款确认功能。 使用返回的对象决定是否对付款流使用安全付款确认功能。
这是一个异步静态方法。
另请参阅：
- 在 MDN 中使用安全付款确认。
IDNA ContextJ 规则
Microsoft Edge 现在通过在 URL 中的大多数位置禁止以下字符来实现 IDNA ContextJ 规则：
ZWNJ (U+200C 零宽度非联接器)
ZWJ (U+200D 零宽度联接器)
这可以提高与其他浏览器的互操作性。
IDNA 是非 ASCII 字符在域名中出现的机制。 例如，URL http://네이버.한국/ 编码为 http://xn--950bt9s8xi.xn--3e0b707e/。
另请参阅：
- 2025 年 12 月 () Microsoft Edge 143 Web 平台发行说明中更好的 Unicode 支持。
延迟加载视频和音频元素
使用 和 <audio> 元素的新loading属性<video>（值为 ），lazy可延迟媒体资源加载，直到元素靠近视区。
语法：
<audio loading="lazy"/>
<video loading="lazy"/>
这与 和 <iframe> 元素的现有延迟加载行为<img>相匹配，从而提高页面加载性能并减少数据使用量。
另请参阅：
-
加载到 中
<video>：MDN 处的视频嵌入元素。 -
加载到 ：
<audio>MDN 处的 Embed Audio 元素。 -
加载 到
<img>：MDN 处的图像嵌入元素 。 -
加载 到
<iframe>：MDN 处的内联框架元素 。
清单本地化
现在可以本地化清单成员，以便根据用户的语言和区域调整 PWA 名称、说明、图标和快捷方式。
可以在 Web 应用清单 JSON 文件中提供本地化值。 然后，浏览器会根据用户的语言设置自动选择适当的资源。
另请参阅：
- MDN 中的 Web 应用清单。
- PWA 清单本地化演示。
支持 OpenType 字体格式的 avar2
现在支持 OpenType 字体格式的轴变体表 (avar2) 版本 2。
Avar2 使字体设计者能够创建能够更好地控制内插的字体。 使用 avar2，字体中的变体轴可以相互影响，从而允许更复杂的设计、更易于使用的字体和更小的文件大小。
另请参阅：
拖动启动时指针事件抑制
拖动操作开始时，浏览器现在将 、 pointerout和 pointerleave 事件发送到pointercancel拖动源，以指示指针事件流已结束。
此行为可确保拖动源在拖动操作期间不会期望此指针出现更多事件。
此行为现已在所有平台上完全实现。
另请参阅：
- MDN 处的 HTML 拖放 API 。
- MDN 处的指针事件。
提示 API
提示 API 提供对浏览器提供的设备上 AI 语言模型的直接访问。 API 设计提供精细控制，以便通过针对个性化用例定制的模型交互逐步增强网站。
提示 API 是对基于任务的语言模型 API (（例如摘要生成器 API) ）和各种 API 和框架（使用开发人员提供的 ML 模型进行通用化设备推理）的补充。
初始实现支持：
- 文本输入。
- 图像输入。
- 音频输入。
- 确保生成的文本符合预定义正则表达式和 JSON 架构格式的响应约束。
将提示 API 用于：
- 生成图像标题。
- 执行视觉对象搜索。
- 转录音频。
- 对声音事件进行分类。
- 按照特定说明生成文本。
- 从多模式源材料中提取信息或见解。
另请参阅：
重新分配同一映像时重用no-store映像src
将相同的 src 值重新分配给元素 <img> 时，浏览器现在会重复使用文档中已解码的图像，即使图像是使用 Cache-Control: no-store提供的。 这可避免不必要的网络重新提取并提高性能。
以前，即使图像已解码并在文档中可用，浏览器也会重新提取图像。
此 Web 互操作性修补程序使 Microsoft Edge 与 Firefox 和 Safari 保持一致。
另请参阅：
- <img>：MDN 中的 Image Embed 元素 。
- MDN 处的 Cache-Control 标头。
Web 身份验证即时 UI 模式
Web 上的大多数登录体验都需要提供多个选项的登录页面，例如用户名/密码字段、联合登录按钮和密钥按钮。 当浏览器已经知道站点的密钥或密码时，Web 身份验证即时 UI 模式可能会使登录页变得不必要。
即时 UI 模式是 的新 navigator.credentials.get()模式。 如果浏览器具有站点的密钥或密码，则浏览器向用户显示登录 UI。 如果没有可用的匹配凭据，则会拒绝 NotAllowedError 承诺，并且不显示浏览器 UI，因此用户的登录体验会回退到站点的传统登录页面。
这可以减少登录摩擦，并避免用户因必须记住之前在给定网站上使用的登录选项而产生混淆。
另请参阅：
- MDN 中的 Web 身份验证 API。
WebGPU linear_indexing 功能
此功能将 linear_indexing 两个新的计算着色器内置值添加到 WebGPU 着色语言 (WGSL) ：
-
global_invocation_index，是 的global_invocation_id线性化版本。 -
workgroup_index，是 的workgroup_id线性化版本。
这些内置值为计算着色器调用提供了方便的单维索引，取代了容易出错的手动线性化。
另请参阅：
- MDN 中的 WebGPU API。
bfcache 条目上的 WebSocket 断开连接
当页面进入 bfcache) 的后退/前退缓存 (时，打开的 WebSocket 连接现在将关闭，而不是阻止该页被缓存。
以前，具有活动 WebSocket 连接的页面不能存储在 bfcache 中。 通过此更改，更多页面受益于即时向后导航和向前导航。
当页面进入 bfcache 时，页面会在每个受影响的WebSocket页面上收到一个close事件。
pageshow侦听 事件，然后在 为 true时event.persisted重新连接。
另请参阅：
- MDN 中的 WebSocket。
- 在 MDN 中使用 bfcache。
始终协商 WebRTC 中的数据通道
在创建数据通道之前，请使用 WebRTC RTCPeerConnection 的新alwaysNegotiateDataChannels选项来协商会话描述协议产品/服务中的数据通道。
启用时：
- 数据通道
m=线放置在任何音频或视频m=线之前。 - 使用
BUNDLE时，若要为多种媒体类型重用单个连接，数据通道m=线将用作提供方标记的媒体部分。
另请参阅：
- MDN 处的 RTCPeerConnection。
源试用版
以下是 Microsoft Edge 中提供的新实验 API 的源试验。
通过源试用版，你可以在自己的实时网站上试用实验性 API，时间有限。 若要了解有关源试用的详细信息，请参阅 在 Microsoft Edge 中使用源试用版。
有关可用源试用版的完整列表，请参阅 Microsoft Edge Origin 试用版。
编写器 API
到期日期为 2026 年 4 月 21 日。
编写器 API 可用于从写入任务提示生成文本，并由设备上的 AI 语言模型提供支持。
例如，使用此 API 可以：
- 生成结构化数据的文本说明。
- 根据评论或产品说明Compose有关产品的帖子。
- 根据背景信息生成传记。
另请参阅 使用编写辅助 API 汇总、编写和重写文本。
重写程序 API
到期日期为 2026 年 4 月 21 日。
重写器 API 以请求的方式转换和重述输入文本，由设备 AI 语言模型提供支持。
使用此 API 删除输入文本中的冗余，以便：
- 将文本调整为字数限制。
- 根据预期受众重新编写文本。
- 如果文本使用的语言不足，则更具建设性。
另请参阅 使用编写辅助 API 汇总、编写和重写文本。
校对 API
将于 2026 年 5 月 19 日到期。
校对 API 更正文本中的语法、拼写和标点符号错误。
校对 API 使用小型语言模型 (SLM) ，该模型内置于 Microsoft Edge 中、网站的 JavaScript 代码或浏览器扩展的 JavaScript 代码中。
另请参阅 使用校对器 API 更正语法和拼写。
提示 API
到期日期：2026 年 6 月 16 日
使用提示 API 从网站的 JavaScript 代码或浏览器扩展的 JavaScript 代码提示内置于 Microsoft Edge 中的 SLM) (小型语言模型。
提示 API 是一个实验性 Web API。
使用提示 API 执行以下操作：
- 生成和分析文本。
- 根据用户输入创建应用程序逻辑。
- 探索将提示工程功能集成到 Web 应用中的创新方法。
另请参阅：
有关此源试用版的信息：
WebGPU 兼容模式
到期日期为 2026 年 4 月 21 日。
WebGPU 兼容模式是一个选择加入的、受轻微限制的 WebGPU 子集，能够运行 OpenGL 和 Direct3D11 等较旧的图形 API。
目标是将 WebGPU 应用程序的范围扩展到没有核心 WebGPU 所需的新式显式图形 API 的旧设备。
共享辅助角色的延长生存期
到期日期为 2026 年 4 月 21 日。
共享辅助角色的延长生存期允许在页面卸载后执行关键异步工作，而无需服务辅助角色的开销。
extendedLifetime在创建共享辅助角色时设置 选项，以便在所有客户端页关闭后保持服务辅助角色在有限时间内保持活动状态。 此方法可在卸载期间可靠地完成异步操作。
此类异步操作包括：
- IndexedDB 写入。
- 加密或压缩。
- 分析请求。
有关此源试用版的信息：
桌面平台上非独立页面中的 SharedArrayBuffers
将于 2026 年 5 月 19 日到期。
用于在未跨源隔离的页面中使用 SharedArrayBuffers 的临时扩展。
来电通知
将于 2026 年 5 月 19 日到期。
传入呼叫通知 API 扩展了通知 API，以允许已安装的 PWA 发送传入呼叫通知。
传入呼叫通知具有铃声和按钮，这些铃声和按钮的样式指示接受或拒绝呼叫。
这有助于 Web 应用创建更具吸引力的体验，让用户更容易识别和应答呼叫通知。
WebAssembly 自定义描述符
到期日期为 2026 年 6 月 16 日。
WebAssembly 自定义描述符允许 WebAssembly 在自定义描述符对象中更有效地存储与源级类型关联的数据。
Web 安装 API
到期日期为 2026 年 7 月 14 日。
Web 安装 API 允许网站使用 navigator.install()在用户设备上将另一个网站作为 Web 应用安装。
<usermedia> HTML 元素
到期日期为 2026 年 7 月 14 日。
<usermedia> HTML 元素是浏览器控制的元素，用于请求相机或麦克风访问。
使用语义 HTML 元素而不是 JavaScript：
- 让用户更清楚地了解权限请求。
- 改进了辅助功能。
- 防止操作 UI 模式。
- 通过直接向应用程序提供媒体流来简化工作流。 这无需单独的 API 调用。
有关此源试用版的信息：
增强的 Canvas TextMetrics
到期日期为 2026 年 8 月 11 日。
增强的 Canvas TextMetrics 源试用版扩展了 TextMetrics Canvas API 以支持：
- 选择矩形。
- 边界框查询。
- 基于字形群集的操作。
这项新功能使复杂的文本编辑应用程序能够进行准确的选择、插入点定位和命中测试。
此外，基于群集的呈现有助于复杂的文本效果，例如：
- 独立字符动画。
- 独立字符样式。
有关此源试用版的信息：
WebNN
到期日期为 2026 年 8 月 11 日。
使用 WebNN API 直接在 Web 应用中生成和执行机器学习模型。
通过创建高效映射到平台功能和设备硬件的计算图，使用硬件加速神经网络。
focusgroup 键盘导航的 HTML 属性
到期日期为 2026 年 8 月 11 日。
使用 focusgroup HTML 属性标准化复合小组件的键盘导航，例如工具栏、选项卡、菜单和单选按钮组。
属性 focusgroup 自动处理以下事项，而无需自定义 JavaScript 代码：
- roving tabindex 行为。
- 通过箭头键导航。
- 焦点内存;在重新进入焦点组时还原最后一个焦点的元素。
有关此源试用版的信息：
CSP script-src 中的 URL 和评估哈希
到期日期为 2026 年 8 月 25 日。
此功能引入了要用于 script-src 内容安全策略中的指令的 url 和 eval- 哈希。
这使你可以编写仅依赖于基于哈希和 nonce 的策略的严格 CSP，而无需使用基于主机名的允许列表或 unsafe-eval。
数字凭据 API - 颁发支持
到期日期为 2026 年 9 月 8 日。
数字凭据 API 允许触发从凭据颁发者服务器向数字钱包应用程序颁发用户凭据。
例如，使用数字凭据 API 触发从政府或大学服务器到用户数字钱包的新驾照或已验证的学位的预配。
prerender_until_script 推理规则 API 操作
到期日期为 2026 年 9 月 8 日。
prerender_until_script 是推理规则 API 的新操作。 此新操作在 和 prerender 操作之间prefetch提供了一个中间选项。
prerender_until_script如果希望浏览器预呈现页面，但在特定脚本开始执行后停止并切换回预提取，请使用 操作。
WebAudio 可配置呈现量子
到期日期为 2026 年 9 月 8 日。
默认情况下，WebAudio 处理 128 个样本帧的固定块中的音频， (呈现量子) 。 当应用的音频处理块大小与此默认值不匹配时，开发会变得复杂，处理效率会降低。
使用 WebAudio 可配置呈现量子源试用版在创建 AudioContext 或 OfflineAudioContext时指定选项renderSizeHint，以请求特定的呈现量子大小。
- 传递一个整数，以请求特定大小。
- 传递
"default"(或省略选项) ，以使用默认值 128 帧。 - 传递
"hardware"，让浏览器为当前配置选择最佳大小。
有关此源试用版的信息：
按表单提交预呈现激活
到期日期为 2026 年 9 月 8 日。
此源试用版向推理规则 API 添加了一个新字段，以允许通过表单提交激活预呈现规则。
CPU 性能 API
到期日期为 2026 年 9 月 8 日。
CPU 性能 API 公开有关用户设备的强大功能的信息。
此 API 面向使用此信息提供改进用户体验的 Web 应用程序，可能与计算压力 API 结合使用。
计算压力 API 提供有关用户设备的 CPU 压力和利用率的信息，并允许应用对 CPU 压力的变化做出反应。
预呈现跨源 iframe
到期日期为 2026 年 9 月 22 日。
默认情况下，导航预呈现会延迟所有跨源 iframe 的加载，直到激活预呈现页。 当跨源 iframe 对应用程序至关重要时，这种延迟可能会抵消预呈现的许多好处。
此源试用版使用选择加入响应标头预呈现跨源 iframe。 如果顶级帧的 HTTP 响应包含 Supports-Loading-Mode: prerender-cross-origin-frames 标头，则浏览器将预呈现所有跨域帧。
自动填充事件
到期日期为 2026 年 11 月 3 日。
使用新 autofill 事件检测浏览器自动更新窗体控件的时间。
这样，在自动填充完成后，可以更轻松地调整自定义 UI、验证或依赖表单逻辑。
注意
本页的部分内容是基于 Chromium.org 创建和共享的作品的修改，并根据 Creative Commons 署名 4.0 国际许可中所述的术语使用。