Microsoft Edge 157 Web 平台发行说明 (2026 年 11 月 5 日)

以下是 2026 年 11 月 5 日发布的 Microsoft Edge 157 中的新 Web 平台功能和更新。

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

详细内容：

• Microsoft Edge 开发工具
• WebView2
• CSS 功能
  • corner 速记属性
  • text-decoration-inset 属性
  • 自定义字符串值 text-overflow
  • position-visibility: anchor-valid 以及 anchor-visible
• HTML 功能
  • 、 和<microphone><geolocation>元素的<camera>仅图标模式
• Web API
  • 更新了 HTML 插入和流式传输方法
  • Sanitizer API： javascriptURLs 选项
  • 画布中的 HTML
  • 长动画帧 API：样式和布局持续时间
  • 后台提取 API 的 CORS 强制
  • ProgressEvent in 服务工作进程
  • Web 蓝牙： BluetoothRemoteGATTServer 是一个 EventTarget
  • WebGPU： atomic-vec2u-min-max 功能
• 源试验

Microsoft Edge 开发工具

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

WebView2

请参阅：

• 预览运行时 157.0.4341.10 (2026 年 10 月 22 日)

CSS 功能

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

corner 速记属性

新的 corner CSS 简写属性通过组合 border-radiuscorner-shape and 属性在单个声明中设置元素角的半径和形状。

例如：

.card {
  /* Equivalent to: border-radius: 20px; corner-shape: squircle; */
  corner: 20px squircle;
}

以下其他速记属性可用于设置特定拐角的半径和形状：

• 每个角落的速记：corner-top-left、、corner-top-rightcorner-bottom-left、和corner-bottom-right。
• 物理边速记，例如 corner-top 和 corner-bottom，用于设置边的两个角。
• 逻辑边速记，如 corner-block-start and corner-block-end，根据写入模式设置边的两个角。

另请参阅：

• CSS 边框和框装饰模块级别 4 中的角简写。
• border-radius MDN 的 CSS 属性 。
• MDN 的角形状 CSS 属性。

text-decoration-inset 属性

text-decoration-inset CSS 属性控制下划线、上划线和直线装饰从元素文本的起始和结束边缘嵌入或延伸多远。

text-decoration-inset 支持以下类型的值：

• auto，这允许浏览器根据元素的文本和周围上下文确定适当的插图。
• 长度值，如 20px。
• 百分比值，如 10%。
• 一个或两个值。 第一个值设置起始偏移量。 如果指定，第二个值设置结束偏移量。

这使您可以调整装饰间距并使用本机文本装饰创建揭示效果，而不是使用背景渐变或其他元素。

另请参阅：

• text-decoration-inset MDN 的 CSS 属性 。

自定义字符串值 text-overflow

text-overflow CSS 属性现在接受字符串值，以指定在元素内容溢出并被剪裁时显示的自定义文本。

以前只能使用 clip OR ellipsis 值。 自定义字符串允许您创建更适合您的内容的溢出指示器，例如：

.summary {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: " (more)";
}

另请参阅：

• 文本溢出 MDN 的 CSS 属性 。
• CSS 溢出模块级别 4 中的文本溢出。

position-visibility: anchor-valid 和 anchor-visible

使用 CSS 定位点定位时， position-visibility CSS 属性控制定位点定位元素何时隐藏。 该 position-visibility 属性现在支持以下值：

• anchor-valid (新) - 仅当定位点元素的默认定位元素存在时，才会显示该元素，因此该元素可以相对于它进行定位。

• anchor-visible - 仅当定位定位元素的默认定位元素至少部分可见时，才会显示该元素。 此值替换该 anchors-visible 值。

复数 anchors-visible 值现已弃用，是 的别名 anchor-visible。 请改用 anchor-visible 。

另请参阅：

• MDN 的 position-visibility CSS 属性。
• MDN 上的 CSS 定位点定位。
• CSS 定位定位模块级别 1 中的位置可见性。

HTML 功能

Microsoft Edge 中包含以下新 HTML 功能。

、 和<microphone><geolocation>元素的<camera>仅图标模式

<camera>、 和 <microphone><geolocation> HTML 元素现在支持该displaymode属性，您可以使用该属性将这些元素呈现为不带文本的紧凑、仅图标按钮。 例如：

<camera displaymode="icon-only"></camera>

仅图标按钮在空间受限的布局中非常有用，例如地图控件或浮动视频工具栏。 在仅图标模式下，这些元素保持相同的安全保证，并且屏幕阅读器仍然完全可访问。

另请参阅：

• <地理位置> MDN 中的 HTML 元素 。
• <camera>和<microphone>元素 (2026 年 9 月 10 日的 Microsoft Edge 153 Web 平台发行说明) 。
• 媒体捕获和流扩展中的媒体记录 HTML 元素。

Web API

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

更新了 HTML 插入和流式传输方法

以下 HTML 插入和流式处理方法提供了一种更一致的方式来将 HTML 动态插入现有文档：

• 位置方法，以 HTML 为参数并有效地替换 insertAdjacentHTML()：
  • beforeHTML() 和 beforeHTMLUnsafe()
  • afterHTML() 和 afterHTMLUnsafe()
  • appendHTML() 和 appendHTMLUnsafe()
  • prependHTML() 和 prependHTMLUnsafe()
  • replaceWithHTML() 和 replaceWithHTMLUnsafe()
• 流式处理方法，返回一个 WritableStream 对象，该对象分析写入它的 HTML 文本：
  • streamHTML() 和 streamHTMLUnsafe()
  • streamAppendHTML() 和 streamAppendHTMLUnsafe()
  • streamPrependHTML() 和 streamPrependHTMLUnsafe()
  • streamReplaceWithHTML() 和 streamReplaceWithHTMLUnsafe()
  • streamBeforeHTML() 和 streamBeforeHTMLUnsafe()
  • streamAfterHTML() 和 streamAfterHTMLUnsafe()

此外，您还可以将该 runScripts 选项设置为 调用 true 任何不安全的 HTML 插入或流式处理方法时，以允许该方法以类似于 createContextualFragment()的方式运行脚本。

受信任类型策略还可以替代这些方法使用的脚本模式和清理程序。

在使用这些方法之前，你已经可以使用多个不连续的 API 从脚本动态更新 HTML，每个 API 都有其自身的细微差异。 例如，你能够：

• 使用 insertAdjacentHTML()部分更新元素。
• 使用 setHTML().
• 使用 createContextualFragment()脚本执行脚本。
• 使用分离的文档Stream HTML。

这种多个不连续的 API 可能会造成混乱且难以使用。 如果使用不当，此类 API 也可能导致安全问题。

另请参阅：

• 动态标记 - 改进
• 元素：MDN 中的 setHTML () 方法 。

Sanitizer API： javascriptURLs 选项

Sanitizer API 现在提供了javascriptURLs配置选项和setJavascriptURLs()方法，用于控制javascript:在清理 HTML 时是否删除用于导航的 URL（例如在<a>元素的属性中href）。

以前， javascript: 是否删除 URL 取决于你使用的方法：

• 安全方法（如 setHTML()始终删除 javascript: URL）。
• 不安全的方法（例如 setHTMLUnsafe()，永远不会删除 javascript: URL）。

现在，删除 javascript: URL 是清理程序配置的明确部分，可以与任何方法一起使用。

如果不使用新选项，则行为保持不变。

另请参阅：

• MDN 上的 HTML Sanitizer API。
• Sanitizer at MDN.
• 在 HTML Standard中 () setJavascriptURLs。

画布中的 HTML

画布中的 HTML API 允许你将 HTML 元素绘制到元素中 <canvas> ，以便你可以使用画布自定义 HTML 内容的呈现方式，同时保持内容可访问、交互和正确布局。

例如，可以使用画布中的 HTML 呈现以下内容：

• 图表中的样式文本。
• 创意工具中的丰富内容。
• 游戏内菜单。
• 3D 场景中图面上的 HTML 内容。

画布中的 HTML 提供以下基元：

• 用于在布局和绘图中选择元素的 <canvas> 后代的属性。
• 将元素绘制到画布中的方法： drawElementImage() 用于 2D 画布上下文，以及用于 WebGL 和 WebGPU 的等效方法。
• 当 paint 需要在画布中更新绘制的元素时触发的事件。
• 用于将绘制元素的几何图形与 DOM 同步的方法，以便进行命中测试和辅助功能。

另请参阅：

• 画布中的 HTML 解释器
• MDN 的 HTMLCanvasElement。

长动画帧 API：样式和布局持续时间

长动画帧 API 现在报告样式和布局计算所花费的时间，以便在分析慢速帧时区分样式时间和布局时间：

• PerformanceLongAnimationFrameTiming 对象具有新的 styleDuration AND layoutDuration 属性，这些属性报告在渲染更新过程中重新计算样式和更新布局所花费的时间。
• PerformanceScriptTiming 对象具有新的 forcedStyleDuration AND forcedLayoutDuration 属性，这些属性报告脚本同步强制执行的样式和布局计算所花费的时间。

另请参阅：

• MDN 的长动画帧计时。
• MDN 的 PerformanceLongAnimationFrameTiming。

后台提取 API 的 CORS 强制

后台提取 API 现在强制执行跨域资源共享 (CORS) 。

这可确保后台提取请求受相同的安全策略的约束，例如本地网络访问检查。 这可防止站点绕过 CORS (和其他安全策略检查，) 使用后台提取而不是常规提取。

另请参阅：

• MDN 中的后台提取 API。
• 在 MDN 提取 API。
• 提取 标准。
• 跨域资源共享 (MDN 的 CORS) 。

ProgressEvent in 服务工作进程

该 ProgressEvent 接口现已在服务工作进程中可用。 可以在ProgressEvent()服务工作进程中使用构造函数创建具有 、 和 loaded属性total的lengthComputable进度事件。

这使服务工作进程与其他工作进程上下文以及 XMLHttpRequest 标准保持一致。

另请参阅：

• MDN 的 ProgressEvent。
• MDN 的服务工作进程 API。

Web 蓝牙： BluetoothRemoteGATTServer 是一个 EventTarget

该 BluetoothRemoteGATTServer 接口现在继承自 EventTarget，因此 addEventListener()公开 、 removeEventListener()和 dispatchEvent() 方法。

这允许直接在 GATT 服务器对象上调度连接级事件。

另请参阅：

• MDN 的 BluetoothRemoteGATTServer 。
• MDN 上的 Web 蓝牙 API。

WebGPU： atomic-vec2u-min-max 功能

atomic-vec2u-min-max WebGPU 功能允许你在 WebGPU 着色语言 (WGSL) 着色器中对值使用 atomic<vec2u> 64 位原子最小值和最大值运算。

这样，你就可以实现需要 64 位原子的算法，而无需完全支持 64 位整数。

另请参阅：

• MDN 的 WebGPU API。
• WebGPU 中的 atomic-vec2u-min-max，位于 W3C。

源试验

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

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

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

名称	说明	注册
游戏板原始输入事件	网页可以侦听gamepadrawinputchanged事件，而不是依赖于频繁navigator.getGamepads()的轮询。 只要在同一设备的输入帧之间检测到变化，就会引发这些事件。	注册
预测规则 API 中的控制视区启发式	允许你控制推测规则使用的视区启发式，以确定不同的启发式参数是否提供比默认参数更好的结果。	注册
用户代理图像替换 API	允许观察浏览器功能何时替换页面内容中的图像。 这些浏览器功能当前仅限于所选网站。	注册
自动填充事件	检测浏览器自动填充何时更新表单控件，以适应自定义 UI 和验证。	注册
预呈现跨源 iframe	通过选择加入的响应标头预呈现跨源 iframe，而不是将其延迟到页面激活。	注册
推测负载测量	performance.speculations 公开有关已使用和未使用的预加载、预取、预呈现的数据。 这有助于衡量推测性加载策略的有效性，并优化性能与成本的权衡。	注册
提示 API 采样参数	和temperature采样参数允许您topK优化每个语言模型会话的模型行为。	注册
PrefetchAndPrerenderActivationBeacon	允许 Edge 在激活预取或预呈现页面时可靠地报告激活信标。	注册
prerender_until_script 推理规则 API 操作	一个推理规则 API 操作，用于预呈现页面，但在脚本执行时切换到预取。	注册
JS Self-Profiling 标记	使用示例标记（如 script、 gc、 stylelayout和 paint）扩展 JS Self-Profiling API。 这些标记标识浏览器在捕获时正在执行的活动。	注册
Email 验证协议	使网站能够使用电子邮件提供商颁发的加密令牌验证电子邮件所有权。 这减少了对电子邮件一次性密码 (OTP) 的依赖，并简化了注册、登录和恢复流程。	注册
WebAssembly 自定义描述符 V2	将与源级类型关联的数据更有效地存储在自定义描述符对象中。	注册
声明性性能观察程序 API	使用 HTTP 响应标头证明是一个可靠的浏览器管理遥测系统，可报告网站从导航启动到页面终止等性能指标。	注册
WebMCP	允许网站为浏览器内代理注册工具，以代表用户完成任务。	注册
连接允许列表嵌入式强制	允许嵌入器使用 connectionallowlist 元素上的 <iframe> 属性来要求框架文档将其传出网络连接限制为声明的允许列表。 如果框架文档未提供匹配 Connection-Allowlist 的标头，则会阻止其响应。	注册

注意

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