Microsoft Edge 156 Web 平台发行说明 (2026 年 10 月 22 日)

以下是 2026 年 10 月 22 日发布的 Microsoft Edge 156 中的新 Web 平台功能和更新。

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

详细内容：

• Microsoft Edge 开发工具
• WebView2
• CSS 功能
  • :navigation-source 伪类
  • random() 函数
  • 单轴滚动容器
  • scroll-snap-type: pair 对齐单个元素
• Web API
  • 可以重试失败的模块导入
  • 压缩字典传输汇报
  • IndexedDB： SQLite 后端
  • WebGPU：片段深度
  • WebRTC 诊断日志记录 API
  • WebTransport headers 和 responseHeaders
• 源试验

Microsoft Edge 开发工具

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

WebView2

请参阅：

• 预览运行时 156.0.4314.8 (2026 年 10 月 12 日)

CSS 功能

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

:navigation-source 伪类

使用视图切换 API 时，请使用 :navigation-source 伪类为启动导航的元素（例如链接、按钮或窗体）设置样式。

:navigation-source CSS 伪类应用于在整个导航过程中启动导航的元素。

另请参阅：

• CSS 导航匹配中的 ：navigation-source 伪类。
• 在 MDN 查看转换 API。

random() 函数

random() CSS 函数为 CSS 带来生成随机性，允许您在指定范围内生成随机数值。

例如，您可以使用在 random() 容器中随机分散元素：

.dot {
  /* Position each dot randomly */
  position: absolute;
  top: random(0%, 100%);
  left: random(0%, 100%);
}

默认情况下，对该 random() 函数的每次调用都解析为一个新的、不同的值。 可以通过将种子值作为函数的第一个参数传递来覆盖此默认行为，以控制如何在属性和元素之间共享随机值。

另请参阅：

• MDN 上的随机 () CSS 函数。

单轴滚动容器

overflow CSS 属性现在支持设置可滚动值，例如scroll，以及第二个值。 clip 例如：overflow: scroll clip;

设置允许 overflow: scroll clip 元素 position: sticky 受每个轴的不同滚动容器的约束。 例如，使用此函数可以创建一个表，在用户滚动浏览内容时同时保留列标题和行标题。

以前，该 overflow 属性未提供使滚动容器仅负责单个轴的方法。 这会影响依赖滚动容器的功能，例如带有 position: sticky.

另请参阅：

• 单轴滚动容器解释器
• overflow MDN 的 CSS 属性 。

scroll-snap-type: pair 对齐单个元素

scroll-snap-type CSS 属性现在支持该pair值。

.scroller {
  scroll-snap-type: pair mandatory;
}

该 pair 值将沿 x 轴和 y 轴的滚动对齐视为一对。 捕捉不是沿 x 轴单独选取对齐目标，沿 y 轴单独选取对齐目标，而是在两个轴上选择单个元素。

另请参阅：

• 滚动对齐类型 CSS 属性 。
• 配对CSS 滚动贴靠模块级别 1。

Web API

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

可以重试失败的模块导入

现在可以重试失败的模块导入，例如在网络故障后。

以前，缓存模块导入失败，重试导入同一模块会返回相同的故障。

模块加载行为现在允许手动重试失败的模块导入。 这包括：

• 通过使用函数 import() 动态导入。
• 动态插入 <script src="..." type="module"> 元素。
• 使用语句的任何 import 静态导入，如果存在于上述任一上下文中。

另请参阅：

• MDN 的 JavaScript 模块。
• import () at MDN.
• import at MDN.
• 在 MDN 的 HTML 属性中<script type>。

压缩字典传输汇报

通过 <link rel="compression-dictionary"> 元素提取压缩字典时，Microsoft Edge 现在：

• compression-dictionary用作请求目标。
• 正确设置请求 mode、 credentials、 referrer和 referrerpolicy的值。
• 考虑crossorigin在元素上<link rel="compression-dictionary">设置的 和 referrer 属性。

另请参阅：

• MDN 的压缩字典传输。
• rel=“compression-dictionary” MDN 处的 HTML 属性值。

IndexedDB： SQLite 后端

对于新数据存储，Microsoft Edge 现在使用 SQLite 而不是 IndexedDB API 作为后端的基础存储引擎。

IndexedDB API 本身保持不变;仅更改了基础存储引擎。

此更改预计将提高使用 IndexedDB API 的站点的可靠性和性能。

在将来阶段， 现有 数据存储将从使用 LevelDB 存储迁移到 SQLite 存储。

另请参阅：

• MDN 的 IndexedDB API。
• SQLite.

WebGPU：片段深度

在 WGSL 中，现在可以为 lessgreater@builtin(frag_depth).

以前， @builtin(frag_depth) 由于在绘制调用时禁用 early-Z 优化，可能会对性能产生负面影响。

新的修饰符允许显式设置缓冲区模式，并允许应用早期 Z 优化。

另请参阅：

• MDN 的 WebGPU API。
• 使用 WebGPU 着色语言frag_depth。

WebRTC 诊断日志记录 API

WebRTC 诊断日志记录 API 允许触发 WebRTC 诊断数据的收集，以便数据可用于本地调试。

如果用户授权与浏览器供应商共享诊断数据，则 API 允许此共享。 这为你提供了有助于修复浏览器中的 bug 或以其他方式改进浏览器的信息。

WebRTC 应用程序经常遇到难以在本地环境中重现的复杂连接或媒体质量问题。 WebRTC 诊断日志记录 API 可以帮助调试这些问题。

另请参阅：

• WebRTC 扩展中的诊断日志记录。
• WebRTC 诊断日志记录 API。

WebTransport headers 和 responseHeaders

调用 WebTransport() 构造函数时，该 headers 选项允许您在初始 CONNECT 握手期间将自定义 HTTP 请求标头传递给服务器。

responseHeaders对象实例上的WebTransport属性允许你检查在初始CONNECT握手后服务器发送的 HTTP 响应标头。

通过 WebTransport API 的这些新增功能，可以：

• 在初始 CONNECT 握手期间提供元数据、身份验证令牌和自定义参数。
• 在建立连接后访问服务器提供的标头。

此更改解决了身份验证、路由和功能协商中的几个技术限制。

如果没有自定义标头，必须：

• 在 URL 查询字符串中传递身份验证令牌，这会在服务器日志和遥测中公开凭据。
• 通过初始数据流进行身份验证，这会在连接可用之前添加额外的往返。

此外，API 网关和反向代理通常会检查 CONNECT 层的 HTTP 标头。 如果没有自定义标头，这些中介机构就无法通过现有管道授权或路由 WebTransport 会话，从而迫使服务器在验证凭据之前接受连接。

另请参阅：

• MDN 的 WebTransport API。

源试验

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

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

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

名称	说明	注册
CPU 性能 API	公开有关用户设备功能的信息，以便与计算压力 API 配合使用。	注册
画布中的 HTML	启用使用新的绘图方法和 paint 事件在画布中呈现 HTML。	注册
<usermedia> HTML 元素	浏览器控制的 HTML 元素，用于请求摄像头或麦克风访问权限，取代基于 JavaScript 的权限请求。	注册
WebAssembly 自定义描述符 V2	将与源级类型关联的数据更有效地存储在自定义描述符对象中。	注册
PrefetchAndPrerenderActivationBeacon	允许 Edge 在激活预取或预呈现页面时可靠地报告激活信标。	注册
WebRTC 数据信道：SCTP 协商加速协议 (SNAP)	SNAP 通过在 SDP 服务/应答交换中嵌入 SCTP 连接设置参数来减少 WebRTC 数据信道启动延迟。 由于 WebRTC 已使用 DTLS 建立安全信道，因此可以避免单独的 SCTP 握手，从而节省多达两次网络往返，并实现更快的数据信道建立。	注册
游戏板原始输入事件	网页可以侦听gamepadrawinputchanged事件，而不是依赖于频繁navigator.getGamepads()的轮询。 只要在同一设备的输入帧之间检测到变化，就会引发这些事件。	注册
预测规则 API 中的控制视区启发式	允许你控制推测规则使用的视区启发式，以确定不同的启发式参数是否提供比默认参数更好的结果。	注册
自动填充事件	检测浏览器自动填充何时更新表单控件，以适应自定义 UI 和验证。	注册
推测负载测量	performance.speculations 公开有关已使用和未使用的预加载、预取、预呈现的数据。 这有助于衡量推测性加载策略的有效性，并优化性能与成本的权衡。	注册
提示 API 采样参数	和temperature采样参数允许您topK优化每个语言模型会话的模型行为。	注册
prerender_until_script 推理规则 API 操作	一个推理规则 API 操作，用于预呈现页面，但在脚本执行时切换到预取。	注册
JS Self-Profiling 标记	使用示例标记（如 script、 gc、 stylelayout和 paint）扩展 JS Self-Profiling API。 这些标记标识浏览器在捕获时正在执行的活动。	注册
Email 验证协议	使网站能够使用电子邮件提供商颁发的加密令牌验证电子邮件所有权。 这减少了对电子邮件一次性密码 (OTP) 的依赖，并简化了注册、登录和恢复流程。	注册
声明性性能观察程序 API	使用 HTTP 响应标头证明是一个可靠的浏览器管理遥测系统，可报告网站从导航启动到页面终止等性能指标。	注册
WebMCP	允许网站为浏览器内代理注册工具，以代表用户完成任务。	注册

注意

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