以下是 2026 年 3 月 12 日发布的 Microsoft Edge 146 中的新 Web 平台功能和更新。
若要及时了解最新动态并获取最新的 Web 平台功能,请下载 Microsoft Edge (Beta、Dev 或 Canary) 的预览频道;转到 “成为 Microsoft Edge 预览体验成员)。
详细内容:
Microsoft Edge 开发工具
请参阅 DevTools 中的新增功能 (Microsoft Edge 146) 。
WebView2
请参阅:
CSS 功能
Microsoft Edge 中包含以下新的级联样式表 (CSS) 功能。
滚动触发动画
滚动触发动画可让您根据滚动位置控制动画。 当达到特定滚动位置时,可以播放、暂停或重置动画。
使用此功能无需使用 JavaScript 手动检测元素何时出现在视图中,然后触发动画。 相反,你可以在 CSS 中以声明方式定义基于滚动的动画,这允许浏览器通过在工作线程上运行动画来优化性能。
另请参阅:
- CSS 动画模块级别 2 中的时间线触发器。
hanging 和 each-line 关键字 text-indent
该 text-indent 属性现在支持两个可选关键字:
-
hanging:缩进除第一行之外的所有行。 -
each-line:将缩进应用于强制换行后的每一行,而不是仅缩进第一行。
这些关键字使您可以更好地控制如何在不同场景中应用文本缩进。
另请参阅:
- 文本缩进 。
trigger-scope
该 trigger-scope 属性允许你控制动画触发器名称的范围,类似于锚点作用域与该属性的 anchor-scope 配合使用方式。
由属性声明的触发器名称(例如 timeline-trigger ,默认情况下是全局的),这可能导致命名冲突。 用于 trigger-scope 将触发器名称的可见性限制在特定范围内,以防止触发意外动画。
meta name="text-scale" 元素
<meta name="text-scale" content="scale">元元素使页面的默认字号与用户的操作系统和浏览器文本缩放设置成比例。
如果页面使用字体相对单位(如 rem Or em),则非常有用。 此 <meta> 元素告诉浏览器,你的页面可以根据不同的文本大小首选项很好地缩放,以便浏览器可以禁用其自己的文本自动调整大小机制。
Web API
Microsoft Edge 中包含以下新 Web API 功能。
特定范围的自定义元素注册表
现在可以使用构造函数创建独立于全局 window.customElements 注册表 CustomElementRegistry() 的自定义元素注册表。
创建自定义注册表对于允许具有相同标记名称的多个自定义元素共存非常有用。
例如,如果库的两个不同版本都定义了 <my-button> 自定义元素,则可以为每个版本的库创建单独的注册表,以避免命名冲突。
另请参阅:
LCP 匹配发出候选项的规范行为
LCP) 算法现在基于绘制的内容发出候选项 (内容内容。 这会使算法与规范的最新行为保持一致。
以前,LCP 可以考虑将待处理但尚未绘制的图像作为候选图像。 通过此更新,候选发射量更准确地反映了用户实际看到的情况。
另请参阅:
- MDN 的 LargestContentfulPaint。
导航 API:从预提交添加提交后处理程序
处理 navigate 事件时,现在可以在执行预提交逻辑时注册提交后工作。
这改进了同一文档导航流的人体工程学,在这些流中,设置必须在提交之前进行,但提交后还需要运行其他工作。
另请参阅:
- MDN 上的导航 API。
选择性权限干预
选择性权限 干预有助于确保以符合用户意图的方式使用敏感权限。
此更改限制了机会性第三方上下文的权限使用,从而减少了意外访问相机、麦克风、地理位置或蓝牙等功能的可能性。
另请参阅:
- MDN 上的权限 API。
MIME 类型参数保留在数据 URL 中
使用数据 URL 时,MIME 类型参数 (如 charset) boundary 现在保留在标头中 Content-Type 。
此更改使数据 URL 处理与 Fetch API 的规范保持一致,并确保数据 URL 中的参数信息在处理过程中不会丢失。
另请参阅:
- 数据: MDN 中的 URL。
Intl.Locale.prototype.variants
此 Intl.Locale.prototype.variants 属性以短划线分隔的标识符字符串的形式返回与区域设置关联的变体。
现在,还可以在构造时Intl.Locale传"variants"入 options 对象。
另请参阅:
迭代器排序
该 Iterator.concat() 方法通过按顺序组合多个迭代器来创建一个新的迭代器。
您可以将任意数量的可迭代对象传递给 Iterator.concat(),生成的迭代器将按顺序从每个可迭代对象生成值。
另请参阅:
- Iterator.concat () 在 MDN。
WebAudio 的播放统计信息 API
该 AudioContext.playbackStats 属性提供有关 Web 音频播放的统计信息,例如:
- 平均延迟。
- 最小/最大延迟。
- 欠载持续时间。
- 欠载计数。
使用此 API 来监视音频质量并检测音频播放中的故障。
此功能以前称为 AudioContext.playoutStats。 该功能已重命名为 AudioContext.playbackStats,以符合最终的 Web 音频 API 规范。 为了向后兼容,旧名称仍可用作已弃用的别名。
另请参阅:
- MDN 中的 Web 音频 API。
dropEffect保留事件的dragoverdrop值
使用拖放 API 时, dropEffect 在事件中 dragover 设置的值现在将保留,并在后续 drop 事件中可用。
以前,浏览器会 dropEffect 使用其自己的协商操作覆盖该值,从而阻止你控制视觉反馈和所执行的最终操作。
另请参阅:
Sanitizer API
Sanitizer API 提供了一种简单而安全的方法来从用户提供的 HTML 字符串中删除不安全的 HTML 内容。
使用此 API 清理 HTML 输入,并降低显示用户生成的内容时发生 XSS (跨站点脚本) 攻击的风险。
另请参阅:
- MDN 上的 HTML Sanitizer API。
WebGPU 兼容模式
WebGPU 兼容模式添加了一个可选加入的、受轻度限制的 WebGPU API 子集,能够运行较旧的图形 API,如 OpenGL 和 Direct3D11。
通过选择进入此模式并遵循其约束,可以将 WebGPU 应用程序的覆盖范围扩展到许多旧设备,这些设备没有核心 WebGPU 所需的现代、显式图形 API。
对于简单的应用,唯一需要的更改是将选项设置为
featureLevelwhen"compatibility"callrequestAdapter().对于更高级的应用,可能需要进行一些修改,以适应兼容性模式的限制。 但是,由于兼容性模式使用 WebGPU API 的子集,因此应用也将在不支持兼容性模式的浏览器上运行。
另请参阅:
WebGPU:纹理和采样器 let 绑定
在 WGSL 中, let 借助语言功能,声明现在可以存储纹理或采样器 texture_and_sampler_let 类型的对象。
这可以实现以下操作:
- 更灵活的着色器代码组织。
- 重用纹理和采样器绑定。
WebGPU:暂时性附件
使用新的 TRANSIENT_ATTACHMENT GPU 纹理使用标志创建可保留在平铺内存中的渲染通道附件。 这会避免 VRAM 流量,并可能避免纹理的 VRAM 分配。
当纹理声明为暂时性 (或“无内存”) 时,GPU 知道该纹理的内容只是当前呈现传递中临时需要。
由于纹理内容在呈现通过后被丢弃,因此驱动程序可能不需要在主 VRAM 中为该纹理分配空间。 即使没有对暂时性附件的硬件支持,此提示也可用于在传递之间重复使用纹理分配,从而减少内存使用峰值。
另请参阅:
- MDN 的 WebGPU API。
在文件处理期间填充targetURL
通过文件处理启动渐进式 Web 应用 (PWA) 时,该 LaunchParams.targetURL 属性现在已正确填充到启动队列中。
以前,此属性是 null 将文件启动定向到现有窗口时。
现在,清单 action 字段中的 URL 可供使用者使用 launchQueue 。 这提供了与其他启动触发器的一致性,例如快捷方式启动和导航捕获。
这使你能够更好地了解启动的意图,并处理特定的路由逻辑,即使主有效负载是一组文件句柄也是如此。
另请参阅:
- MDN 上的 Web 应用启动处理程序 API。
重载时停止重新排队LaunchParams
不再 launchQueue 重新发送最后一个 LaunchParams (,包括用户在 PWA 中重新加载页面时) 的文件句柄。
以前,页面刷新会使用原始启动中的数据再次触发启动使用者,这通常会导致意外行为。
例如,每次用户刷新页面时,应用可能会用“保存更改?”或“覆盖此文件?”提示用户。
此更改可确保将重新加载视为标准导航,而不是重新启动,并且 launchQueue 仅当新文件启动事件实际发生时才会填充。
另请参阅:
- MDN 上的 Web 应用启动处理程序 API。
源试验
以下是 Microsoft Edge 中可用的新试验性 API 的源试用版。
源试用版允许你在有限的时间内在自己的实时网站上试用实验性 API。 若要了解有关源试用版的详细信息,请参阅 在 Microsoft Edge 中使用源试用版。
有关可用源试用版的完整列表,请参阅 Microsoft Edge 源试用版。
Web 安装 API
将于 2026 年 7 月 14 日到期。
Web 安装 API 允许网站在用户设备上将其他网站安装为 Web 应用,方法是使用 navigator.install().
数字凭据 API - 发证支持
将于 2026 年 7 月 14 日到期。
数字凭据 API 支持触发从凭据颁发者服务器向数字钱包应用程序颁发用户凭据。 例如,此 API 可用于触发从政府或大学服务器向用户的数字钱包预配新的驾驶执照或经过验证的学位。
WebAssembly 自定义描述符
将于 2026 年 6 月 16 日到期。
WebAssembly 自定义描述符允许 WebAssembly 更有效地将与源级类型关联的数据存储在新的自定义描述符对象中。
prerender_until_script 推理规则 API 操作
将于 2026 年 9 月 8 日到期。
prerender_until_script 是推理规则 API 的一项新操作。 此新操作在 和prefetchprerender操作之间提供了一个中间选项。
希望浏览器预渲染页面,但在特定脚本开始执行后停止并切换回预取时,请使用此 prerender_until_script 操作。
增强的画布 TextMetrics
将于 2026 年 8 月 11 日到期。
增强型画布 TextMetrics 源试用版扩展了 TextMetrics Canvas API,以支持:
- 选择矩形。
- 边界框查询。
- 基于字形群集的操作。
此新功能使复杂的文本编辑应用程序能够进行准确的选择、插入符号定位和命中测试。 此外,基于群集的呈现有助于实现复杂的文本效果,例如:
- 独立角色动画。
- 独立的角色样式。
有关此源试用版的信息:
WebNN
将于 2026 年 7 月 14 日到期。
WebNN 源试用版允许您在平台提供的 ML 加速功能上试验抽象层。
WebNN 可帮助您了解:
- 真实世界模型映射到 WebNN 支持的操作的程度。
- WebNN 在多大程度上可以将这些操作映射到各种硬件。
有关此源试用版的信息:
WebAudio 可配置呈现量子
将于 2026 年 9 月 8 日到期。
使用 WebAudio 可配置呈现量子源试用版,可以在创建 AudioContext 或 OfflineAudioContext时指定renderSizeHint一个选项,以请求特定的呈现量子大小。
<usermedia> HTML 元素
将于 2026 年 7 月 14 日到期。
<usermedia> HTML 元素是用于请求相机或麦克风访问权限的浏览器控制元素。
使用语义 HTML 元素代替 JavaScript:
- 向用户更清楚地说明权限请求。
- 提高辅助功能。
- 防止操作性 UI 模式。
- 通过直接向应用程序提供媒体流来简化工作流程。 这样就无需单独调用 API。
有关此源试用版的信息:
来自非安全环境的本地网络访问
将于 2026 年 5 月 19 日到期。
来自非安全环境的本地网络访问暂时允许访问源自非安全环境的本地网络上的资源。 这为你提供了更多时间来迁移本地网络访问请求,使其源自安全环境。
有关本地网络访问的限制,请参阅本地 网络访问的新权限提示。 此源试用只能通过 HTTP 标头提供的源令牌启用。
注意
本页面的某些部分是根据 Chromium.org 创建和共享的工作进行的修改,并根据知识共享署名 4.0 国际许可证中所述的条款使用。