以下是 2026 年 1 月 15 日发布的 Microsoft Edge 144 中的新 Web 平台功能和更新。
若要及时了解最新动态并获取最新的 Web 平台功能,请下载 Microsoft Edge (Beta、Dev 或 Canary) 的预览频道;转到 “成为 Microsoft Edge 预览体验成员)。
详细内容:
- Microsoft Edge 开发工具
- WebView2
- CSS 功能
-
Web API
- 临时 API
- clipboardchange 事件
- Intl.Locale 的变体访问器属性
- 从右到左模式下 MathML 运算符的镜像
- 性能 API interactionCount 属性
-
maintain-framerate-and-resolution枚举的RTCDegradationPreference值 - LayoutShift API 报告 CSS 像素中的矩形元素
-
支持
ping、hreflang、type和referrerPolicySVG<a>元素 - 历史记录 API 异常 pushState 和 replaceState 限制
- 用户代理客户端提示 ch-ua-high-entropy-values 权限策略
- WebGPU:统一缓冲区标准布局
- WebGPU:subgroup_id功能
- WebXR XRVisibilityMaskChange 事件
- 已弃用或删除的功能
- Microsoft Edge 中的原始试用版
- Chromium 源自试验
Microsoft Edge 开发工具
请参阅 DevTools 中的新增功能 (Microsoft Edge 144) 。
WebView2
请参阅:
CSS 功能
下面是 Microsoft Edge 中新的级联样式表 (CSS) 功能。
scrolled滚动状态容器查询功能
scrolled通过查询功能@container scroll-state(),可根据容器的最新滚动方向为可滚动容器中的元素设置样式。
例如:
.scrolling-up {
translate: 80px 0;
transition: 0.4s translate;
}
html {
container-type: scroll-state;
}
@container scroll-state(scrolled: top) {
.scrolling-up {
translate: 0 0;
}
}
该 scrolled 功能可用于实现 UI 模式,例如当用户向下滚动页面时自动隐藏并在向上滚动时重新显示的标头。 该 scrolled 功能为这些常见的 UI 模式提供仅 CSS 解决方案。
另请参阅:
- Microsoft Edge 133 Web 平台发行说明 (2025 年 2 月) 中的 CSS 滚动状态容器查询。
- 滚动:CSS 条件规则模块级别 5 中的滚动功能。
定位点定位中的 CSS transform 支持
定位定位元素绑定到转换的元素(例如使用 CSS transform 属性)时,定位定位元素现在相对于转换的定位点的边界框正确定位。
这样,即使其中一个元素正在转换,也可以在元素保持逻辑连接的情况下创建 UI 效果。
另请参阅:
- MDN 上的 CSS 定位点定位。
支持 overscroll-behavior 键盘滚动和不可滚动容器
当您将 CSS overscroll-behavior 属性设置为 以外的值 auto时,浏览器将阻止滚动链接。 这意味着,当用户滚动到滚动容器的末尾时,该滚动不会传播到上级滚动容器。
在早期版本的 Microsoft Edge 中,这仅适用于鼠标或触摸滚动。 此更改也尊重键盘滚动 overscroll-behavior 。
此外, overscroll-behavior 现在适用于所有滚动容器元素,无论这些元素当前是否具有溢出内容或用户可滚动。 例如,现在可以使用来overscroll-behavior防止滚动在背景或元素上overflow: hiddenoverflow: auto传播,而无需考虑元素本身是否溢出。
另请参阅:
- overscroll-behavior 在 MDN。
滚动触发动画
该 timeline-trigger 属性现在可以根据滚动位置触发 CSS 动画,并可在用户滚动时控制这些动画的播放。
此功能可用于实现常见模式,其中动画仅在达到页面上的滚动位置时才开始。 以前,开发人员通常通过使用 JavaScript 来检测元素是否在其滚动容器的视区内来做到这一点。 改为使用 CSS timeline-trigger 属性根据滚动位置触发动画可以提高性能和可靠性。
另请参阅:
样式 SVG 元素实例化方式 <use>
通过 SVG 元素匹配 <use> 嵌入到文档中的 SVG 元素的 CSS 规则现在与嵌入的元素正确匹配。
以前,CSS 规则匹配原始 SVG 元素,而不是通过 <use>实例化的元素。
另请参阅:
-
<use>在 MDN。
查看切换方法waitUntil()
此 ViewTransition.waitUntil() 函数支持视图转换 API 的更高级用法。 该函数接受一个 Promise,该承诺用于延迟用于呈现和设置视图转换动画的伪树的销毁。
视图切换 API 会自动构造此伪元素子树,以显示参与切换的元素并进行动画处理。
通常情况下:
- 当视图过渡开始进行动画处理时,将构造此子树。
- 当与所有视图转换伪元素关联的动画处于“完成”状态时,此子树将被销毁。
这种正常行为适用于绝大多数情况。 但是,在某些情况下,您可能希望视图转换伪树在动画完成状态之后仍然存在。 例如,如果将视图转换与滚动驱动动画绑定,我们不希望在动画完成时销毁子树,因为向后滚动应该再次为伪元素设置动画。
另请参阅:
- 在 MDN 查看转换 API。
- MDN 中的 CSS 滚动驱动动画。
caret-shape
caret-shape CSS 属性可用于指定文本插入插入符号的形状。
另请参阅:
- MDN 上的插入点形状。
设置搜索结果样式
::search-text伪元素允许你设置当用户使用 Ctrl+F 或 Command+F 在页面内搜索时与用户的搜索查询匹配的文本部分的样式。
伪元素可以与 :current 伪类组合,以不同于其他搜索结果的方式设置当前突出显示的搜索结果样式。
另请参阅:
- CSS 中的 ::search-textPseudo-Elements 模块级别 4。
Web API
下面是 Microsoft Edge 中的新 Web API 功能。
临时 API
时态 API 允许你处理日期、时间、时区和持续时间,并且比日期 API 更强大。
另请参阅:
- MDN 临时。
该 clipboardchange 事件
clipboardchange当用户从 Web 应用或任何其他系统应用程序修改剪贴板的内容时,将触发 API 事件navigator.clipboard。
此 clipboardchange 事件允许您对剪贴板更改做出响应,而无需定期读取剪贴板内容 (有时称为 剪贴板轮询) 。
另请参阅:
variants访问器属性Intl.Locale
variants实例的 Intl.Locale accessor 属性返回与此区域设置关联的语言标记变体,作为由破折号 (连字符分隔) 字符 (-) 字符串字符串返回。
例如,1901 年的德语正字法变体由 de-1901 语言标记表示,可以通过以下方式访问:
const locale = new Intl.Locale('de-1901');
console.log(locale.variants); // "1901"
另请参阅:
从右到左模式下 MathML 运算符的镜像
在从右到左模式下呈现 MathML 运算符时,现在可以通过将字符和字形更改为另一个代码点来镜像它们。
对于字符,镜像由 Unicode 的 Bidi_Mirrored 属性定义。 例如,右 (右) 左括号变为左 (左) 括号。
某些运算符没有相应的镜像字符。 在这种情况下,改用字形级镜像。 通过使用 rtlm 字体功能,一个字形可以替换为另一个字形。
另请参阅:
- MDN 的 MathML。
性能 API interactionCount 属性
新 performance.interactionCount 属性返回页面上发生的交互总数。
此功能对于计算“ 与下一个绘制的交互” (INP) 指标值非常有用,该指标值需要知道交互总数,以便计算高百分位分数。
该 performance.interactionCount 属性补充了事件计时 API,后者用于测量用户交互的性能。 事件计时 API 返回的某些事件分配 interactionId 有一个值,这对于基于常见的物理用户输入或手势对相关交互进行分组非常有用。
另请参阅:
maintain-framerate-and-resolution枚举的RTCDegradationPreference值
maintain-framerate-and-resolution枚举的RTCDegradationPreference值允许应用程序在应用程序实现自己的外部视频适配逻辑的情况下禁用 WebRTC 的内部视频适配机制。
WebRTC 具有内部视频适配机制,可通过调整编码设置来优化视频质量和性能。 该机制依赖于硬编码逻辑和阈值,这可能无法在不同的用例中产生最佳结果。
maintain-framerate-and-resolution枚举的值RTCDegradationPreference禁用 WebRTC 的内部视频适配。
另请参阅:
- MDN 中的 WebRTC API。
LayoutShift API 报告 CSS 像素中的矩形元素
LayoutShift API 现在报告有关已移动的元素的信息,例如 previousRectcurrentRectCSS 像素(而不是物理像素)中的 和 。
这使得 API 与其他布局相关的 Web API 一致,后者均使用 CSS 像素。
另请参阅:
- MDN 的 LayoutShift。
- MDN 上的 LayoutShiftAttribution。
支持 ping、 hreflang、 type和 referrerPolicy SVG <a> 元素
pingSVG <a> 元素现在支持 、 hreflang、 type和referrerPolicy属性。
这使得 SVG <a> 元素与 HTML <a> 元素更加一致。
另请参阅:
- Microsoft Edge 142 Web 平台发行说明中的 SVG
<a>元素中的支持download属性 (2025 年 10 月) . -
<a>在 MDN。
历史记录 API pushState 和 replaceState 限制异常
SecurityError现在,如果检测到过度使用历史记录 API pushState 和replaceState方法,例如当这些方法每秒调用数百次时,将引发异常。
以前,调用会被忽略,并且不会引发任何错误。
另请参阅:
- MDN 的历史。
User-Agent 客户端提示权限 ch-ua-high-entropy-values 策略
ch-ua-high-entropy-values权限策略允许第一方网站更好地控制允许哪些第三方通过 API 请求navigator.userAgentData.getHighEntropyValues()高熵 User-Agent 客户端提示。
以前,只有在通过 HTTP 请求高熵 User-Agent 客户端提示时,才能限制第三方收集它们。
另请参阅:
- MDN 上的用户代理客户端提示 API。
- NavigatorUAData: getHighEntropyValues () MDN 方法。
WebGPU:统一缓冲区标准布局
在 WGSL 着色器中声明的统一缓冲区不再需要在数组元素上进行 16 字节对齐,也不再需要将嵌套结构偏移量填充为 16 字节的倍数。
另请参阅:
- MDN 的 WebGPU API。
WebGPU: subgroup_id 功能
subgroup_id
num_subgroups启用子组扩展时,现在可以使用内置值。
另请参阅:
- Microsoft Edge 134 中的 WebGPU 子组Web 平台发行说明 (2025 年 3 月) 。
- MDN 的 WebGPU API。
WebXR XRVisibilityMaskChange 事件
XRVisibilityMaskChange该事件提供顶点列表和索引列表,以表示用户视区可见部分的网格。
此数据可用于自信地限制绘制视口的数量,以提高性能。
另请参阅:
- MDN 上的 WebXR 设备 API。
已弃用或删除的功能
XML 分析中的外部加载实体
已删除同步获取外部 XML 实体/DTD,然后在特定情况下进行分析时使用。
这提高了 Microsoft Edge 中 XML 分析的安全性。 此功能的使用率非常低,其他浏览器不支持此功能。
Microsoft Edge 中的原始试用版
以下是 Microsoft Edge 中可用的新试验性 API 的源试用版。
源试用版允许你在有限的时间内在自己的实时网站上试用实验性 API。 若要了解有关源试用版的详细信息,请参阅使用 源试用版测试试验性 API 和功能。
有关可用源试用版的完整列表,请参阅 Microsoft Edge 源试用版。
Web 安装 API
将于 2026 年 7 月 14 日到期。
Web 安装 API 允许网站在用户设备上将其他网站安装为 Web 应用,方法是使用 navigator.install().
购置信息 API
将于 2025 年 12 月 18 日到期。
获取信息 API 支持对通过应用商店或直接从浏览器获取的 PWA 进行 3P 获取归属。
- 解释器
- 反馈
- Register: was:
https://developer.microsoft.com/microsoft-edge/origin-trials/trials/4013a45f-3f48-4341-81ea-1bc13bf90c83
Chromium 源自试验
下面是活动的 Chromium 源试用版,可以在 Microsoft Edge 中试用。
有关 Microsoft Edge 中提供的 Chromium 源试用版的完整列表,请参阅 Microsoft Edge 源试用版。
来电通知
将于 2026 年 5 月 19 日到期。
此功能扩展了通知 API,以允许已安装的 PWA 发送来电通知。
来电通知具有呼叫样式按钮和铃声。
此扩展使用户能够更轻松地识别和应答来电通知,从而帮助 IP 语音 Web 应用创建更具吸引力的体验。
编写器 API
将于 2026 年 4 月 21 日到期。
Writer API 可用于在给定写作任务提示的情况下编写文本,并由设备上的 AI 语言模型提供支持。
使用此 API 执行以下操作:
- 生成结构化数据的文本说明。
- 根据评论或产品描述,Compose有关产品的帖子。
- 根据背景信息生成传记。
- 等等。
另请参阅 使用写作辅助 API 汇总、撰写和重写文本。
重写器 API
将于 2026 年 4 月 21 日到期。
重写器 API 在设备上 AI 语言模型的支持下,以请求的方式转换和改写输入文本。
使用此 API 删除文本中的冗余,以便:
- 使文本适应字数限制。
- 重新措辞以适合目标受众。
- 如果发现消息使用不适当的语言,请更具建设性。
另请参阅 使用写作辅助 API 汇总、撰写和重写文本。
WebAssembly 自定义描述符
将于 2026 年 6 月 16 日到期。
WebAssembly 自定义描述符允许 WebAssembly 更有效地将与源级类型关联的数据存储在新的自定义描述符对象中。
CrashReportingStorageAPI
将于 2026 年 4 月 21 日到期。
CrashReportingStorageAPI 源试用版公开 window.crashReport 键值存储 API,它允许你为发送到指定终结点的每个故障报告提供任意应用程序状态。
有关常规故障报告 API 基础结构的信息,请参阅 故障报告。
有关扩展的设计 window.crashReport 和规范,请参阅 介绍 CrashReportStorage 接口 (解释器拉取请求) 。
请参见
WebGPU 兼容模式
到期日期为 2026 年 4 月 21 日
WebGPU 兼容模式是能够运行较旧的图形 API(如 OpenGL 和 Direct3D11)的可选加入、受轻度限制的 WebGPU 子集。 WebGPU 兼容模式将 WebGPU 应用程序的覆盖范围扩展到旧设备,这些设备没有核心 WebGPU 所需的新式显式图形 API。
延长生存期共享辅助角色
将于 2026 年 4 月 21 日到期。
延长生存期共享工作线程引入 extendedLifetime 了构造函数的 SharedWorker 选项。
此功能允许共享工作线程在卸载所有连接的客户端 ((例如页面) )后短时间保持活动状态。 这对于执行页面卸载后需要完成的异步任务(例如将数据保存到 IndexedDB 或发送分析)非常有用。
如果没有此功能,这些任务需要服务工作进程,这对于此用例来说可能过于繁重。 此源试用版提供了一种轻量级的替代方案。
来自非安全环境的本地网络访问
将于 2026 年 5 月 19 日到期。
来自非安全环境的本地网络访问暂时允许访问源自非安全环境的本地网络上的资源。 这为你提供了更多时间来迁移本地网络访问请求,使其源自安全环境。
有关本地网络访问的限制,请参阅本地 网络访问的新权限提示。 此源试用只能通过 HTTP 标头提供的源令牌启用。
注意
本页面的某些部分是根据 Chromium.org 创建和共享的工作进行的修改,并根据知识共享署名 4.0 国际许可证中所述的条款使用。