以下是 2026 年 9 月 24 日发布的 Microsoft Edge 154 中的新 Web 平台功能和更新。
若要及时了解最新动态并获取最新的 Web 平台功能,请下载 Microsoft Edge (Beta、Dev 或 Canary) 的预览频道;转到 “成为 Microsoft Edge 预览体验成员)。
详细内容:
Microsoft Edge 开发工具
请参阅 Microsoft Edge DevTools 中的新增功能。
WebView2
请参阅:
CSS 功能
Microsoft Edge 中包含以下新的级联样式表 (CSS) 功能。
scroll-marker-group modes
该 scroll-marker-group 属性现在支持两种模式: links 和 tabs。
links:生成::scroll-marker-group的功能类似于导航列表。 这是默认模式。此模式旨在模拟与片段定位点组合的标准导航地标。
获取
::scroll-marker-group导航角色,::scroll-marker元素获取链接角色,与结构模式匹配<nav><a>。所有
::scroll-marker元素都将成为顺序制表位,激活后,会将顺序焦点导航起点设置为目标元素,从而失去其自己的焦点。 这与点击<a href="#target">链接的行为相匹配。tabs:生成::scroll-marker-group的功能类似于选项卡列表。此模式旨在复制制表符模式。
获取
::scroll-marker-grouptablist 角色,::scroll-marker元素获取选项卡角色,其原始元素获得 tabpanel 角色。若要模拟选项卡面板的行为,从活动标记按 Tab 键会将焦点直接移动到活动选项卡面板内容中。 非活动选项卡中的内容在辅助功能树中显式隐藏。
另请参阅:
text-decoration-skip-spaces
CSS 属性控制 text-decoration-skip-spaces 文本修饰线 ((如下划线、上划线或直通) 是否跳过空白字符。
这使您可以防止在空白字符上绘制装饰线,从而获得更具视觉吸引力的结果。
另请参阅:
-
跳过空格:
text-decoration-skip-spacesCSS 文本修饰模块级别 4 中的属性。
text-decoration-inset
text-decoration-inset CSS 属性控制下划线、上划线和直线装饰从修饰文本的边缘嵌入或延伸的距离。
text-decoration-inset CSS 属性支持以下功能:
-
auto. - 长度值。
- 百分比值。
- 用于设置开始和结束偏移量的单值和双值语法。
这使您可以调整装饰间距,并使用本机文本装饰(而不是背景渐变或其他元素)创建揭示效果。
另请参阅:
- text-decoration-inset MDN 的 CSS 属性 。 这使您可以调整装饰间距并使用本机文本装饰(而不是背景渐变或其他元素)创建揭示效果。
FontFace 宽度属性和字体宽度描述符
width API 中的FontFace属性和font-width描述符中的@font-face属性现在是属性和font-stretch属性的别名stretch。
这使 Microsoft Edge 与更新的 CSS 字体加载和 CSS 字体 4 规范保持一致。
现在可以使用属性和 font-width CSS 属性检查FontFace.width或初始化字体宽度。
另请参阅:
- MDN 的 FontFace。
- FontFace: MDN 中的 stretch 属性。
- MDN 的字体宽度 CSS 规则处描述符 。
向工作线程上下文公开 CSSStyleValue 层次结构
除了 window 和 worklet 作用域外,以下构造函数现在还公开在工作器全局作用域中:
CSSKeywordValueCSSNumericValueCSSStyleValueCSSUnitValueCSSUnparsedValue
这些构造函数是 CSS 类型对象模型规范的一部分。
这使得 Microsoft Edge 和 Chromium 与 Firefox 和 Safari 兼容。
另请参阅:
- CSS 类型化对象模型 API。
- MDN 的 CSSKeywordValue。
- MDN 的 CSSNumericValue。
- MDN 处的 CSSStyleValue。
- 位于 MDN 的 CSSUnitValue。
- 位于 MDN 的 CSSUnparsedValue。
HTML 功能
Microsoft Edge 中包含以下新 HTML 功能。
响应式大小 <iframe>
frame-sizing CSS 属性将<iframe>元素选择到响应式大小调整中。
当响应式调整大小时, <iframe> 元素在父文档中的大小将调整为 iframe 文档的大小,以便避免 iframe 中的滚动条。
另请参阅:
针对弹出框和对话框的轻型关闭改进
Light dismiss 是单击弹出框或对话框外部会将其关闭的行为。
在 Microsoft Edge 154 中改进了弹出框和对话框的轻度关闭行为。 以下操作不再触发轻量关闭:
- 触摸屏上的滚动手势
- 右键单击
另请参阅:
- MDN 上的弹出框 API。
- <对话框> HTML 对话框元素 的 MDN 中。
Web API
Microsoft Edge 中包含以下新 Web API 功能。
WebSocket 构造函数中的 Options 参数
WebSocket构造函数现在接受一个option对象作为其第二个参数,用于将其他选项传递给WebSocket连接。 这是现有构造函数签名的扩展,以前只接受用于指定子协议的 a string 。
指定子协议现在可以用以下两种方式之一编写:
// Using the existing string argument for subprotocols.
const socket = new WebSocket("wss://example.com:8080", "soap");
// Using the new option bag argument for subprotocols.
const socket = new WebSocket("wss://example.com:8080", { protocols: "soap" });
另请参阅:
- MDN 的 WebSocket。
targetAddressSpace WebSocket 的选项
调用WebSocket构造函数WebSocket时,使用该targetAddressSpace选项指定与公共主机名的连接应被视为前往“本地”或“环回”目标。
例如,连接到本地服务器的公共网站可以使用主机名来避免需要手动配置要使用的确切的专用 IP 地址,如下所示:
const ws = new WebSocket("ws://local-server.example", { targetAddressSpace: "local"});
这与 Fetch API 上的类似支持相匹配。
一个常见的用例是在连接到尚不支持 HTTPS 的本地服务器时绕过混合内容限制。
用户必须授予站点访问本地网络的权限。
另请参阅:
- MDN 的 WebSocket。
- 请求:MDN 上的 targetAddressSpace 属性。
新的 Web 加密算法
Web 加密 API 现在支持以下新的加密算法:
- 后量子密码学
- 通用对称AEAD
这使你可以访问 NIST 标准化的常见抗量子加密算法的浏览器提供的实现:
- ML-KEM - 768, 1024
- ML-DSA - 44、65、87
- ChaCha20-Poly1305
- X-Wing
另请参阅:
- Crypto at MDN.
后台提取 API 的 CORS 强制
后台提取 API 现在强制执行跨域资源共享 (CORS) 。
这可确保后台提取请求受相同的安全策略的约束,例如本地网络访问检查。 这可防止站点绕过 CORS (和其他安全策略检查,) 使用后台提取而不是常规提取。
另请参阅:
- MDN 中的后台提取 API。
- 在 MDN 提取 API。
- 提取 标准。
- 跨域资源共享 (MDN 的 CORS) 。
后台提取的本地网络访问限制
后台提取 API 现在要求服务工作进程的源具有必要的本地网络访问权限,以便将请求发送到本地或环回服务器。
这会使后台提取 API 与提取 API 保持一致。 这可以防止站点使用后台提取 API 绕过本地网络访问检查。
另请参阅:
提取 API:将原因从 AbortController 转发到提取响应
实例的AbortController中reason止现在提供Response给对象ReadableStream及其方法,而不仅仅是提供给 fetch 承诺。
另请参阅:
- 在 MDN 提取 API。
- AbortController:在 MDN 中止 () 方法 。
Iterator.includes
JavaScript 迭代器现在支持该 includes() 方法,让你可以询问迭代器是否生成给定值。
此方法类似于 includes() 对象方法 Array 。
另请参阅:
- Iterator.prototype.includes MDN 上的 () 。
源试验
以下是 Microsoft Edge 中可用的新试验性 API 的源试用版。
源试用版允许你在有限的时间内在自己的实时网站上试用实验性 API。 若要了解有关源试用版的详细信息,请参阅 在 Microsoft Edge 中使用源试用版。
有关可用源试用版的完整列表,请参阅 Microsoft Edge 源试用版。
| 名称 | 说明 | 注册 |
|---|---|---|
| 增强的画布 TextMetrics | 扩展 TextMetrics 画布 API,添加选择矩形、边界框查询和字形簇操作。 | 注册 |
| 容器计时 | 监视何时显示带批注的 DOM 容器并完成其初始绘制。 | 注册 |
| 在长动画帧 API 中单独样式和布局持续时间 | 添加 styleDuration、 forcedStyleDuration、 layoutDuration和 forcedLayoutDuration 属性,用于更深入的 CSS 性能分析。 |
注册 |
<install> HTML 元素 |
使用该 <install> 元素以声明方式将其他网站安装为 Web 应用。 |
注册 |
| 声明性 CSS 模块脚本 | 使用内联样式模块与影子根(包括声明性影子根)共享声明性样式表。 | 注册 |
| 数字凭据 API - 发证支持 | 触发从凭据颁发者服务器到数字钱包应用程序的用户凭据颁发。 | 注册 |
prerender_until_script 推理规则 API 操作 |
一个推理规则 API 操作,用于预呈现页面,但在脚本执行时切换到预取。 | 注册 |
| 预测规则 API 中的控制视区启发式 | 允许你控制推测规则使用的视区启发式,以确定不同的启发式参数是否提供比默认参数更好的结果。 | 注册 |
| 推测负载测量 |
performance.speculations 公开有关已使用和未使用的预加载、预取、预呈现的数据。 这有助于衡量推测性加载策略的有效性,并优化性能与成本的权衡。 |
注册 |
PrefetchAndPrerenderActivationBeacon |
允许 Edge 在激活预取或预呈现页面时可靠地报告激活信标。 | 注册 |
| 画布中的 HTML | 启用使用新的绘图方法和 paint 事件在画布中呈现 HTML。 |
注册 |
| 自动填充事件 | 检测浏览器自动填充何时更新表单控件,以适应自定义 UI 和验证。 | 注册 |
| WebAssembly 自定义描述符 V2 | 将与源级类型关联的数据更有效地存储在自定义描述符对象中。 | 注册 |
| WebMCP | 允许网站为浏览器内代理注册工具,以代表用户完成任务。 | 注册 |
| Email 验证协议 | 使网站能够使用电子邮件提供商颁发的加密令牌验证电子邮件所有权。 这减少了对电子邮件一次性密码 (OTP) 的依赖,并简化了注册、登录和恢复流程。 | 注册 |
| WebRTC 数据信道:SCTP 协商加速协议 (SNAP) | SNAP 通过在 SDP 服务/应答交换中嵌入 SCTP 连接设置参数来减少 WebRTC 数据信道启动延迟。 由于 WebRTC 已使用 DTLS 建立安全信道,因此可以避免单独的 SCTP 握手,从而节省多达两次网络往返,并实现更快的数据信道建立。 | 注册 |
| WebRTC 诊断日志记录 API | 收集 WebRTC 相关操作的内部诊断日志。 | 注册 |
| 游戏板原始输入事件 | 网页可以侦听gamepadrawinputchanged事件,而不是依赖于频繁navigator.getGamepads()的轮询。 只要在同一设备的输入帧之间检测到变化,就会引发这些事件。 |
注册 |
| 预呈现跨源 iframe | 通过选择加入的响应标头预呈现跨源 iframe,而不是将其延迟到页面激活。 | 注册 |
| 提示 API 采样参数 | 和temperature采样参数允许您topK优化每个语言模型会话的模型行为。 |
注册 |
| JS Self-Profiling 标记 | 使用示例标记(如 script、 gc、 stylelayout和 paint)扩展 JS Self-Profiling API。 这些标记标识浏览器在捕获时正在执行的活动。 |
注册 |
| 声明性性能观察程序 API | 使用 HTTP 响应标头证明是一个可靠的浏览器管理遥测系统,可报告网站从导航启动到页面终止等性能指标。 | 注册 |
注意
本页面的某些部分是根据 Chromium.org 创建和共享的工作进行的修改,并根据知识共享署名 4.0 国际许可证中所述的条款使用。