Microsoft Edge 137 Web 平台发行说明 (2025 年 5 月)

以下是 Microsoft Edge 137 中于 2025 年 5 月 29 日发布的新 Web 平台功能和更新。

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

详细内容：

Edge DevTools
WebView2
Web 平台功能
源试用版
- 新的Chromium源试用版
  - 在未呈现的 iframe 上暂停媒体播放
- Microsoft仅限边缘的源试用版

Edge DevTools

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

WebView2

请参阅 2025 年 6 月 3 日 (1.0.3296.44) WebView2 SDK 的存档发行说明。

Web 平台功能

CSS 功能

CSS `if()` 函数

CSS if() 函数提供了一种简单而简洁的方式来表示条件逻辑值。

函数 if() 接受一系列条件值对，用分号分隔。函数按顺序计算每个条件，并返回与第一个 true 条件关联的值。如果没有条件的计算结果为 true，则函数将返回空令牌流。

在以下示例中， if() 函数用于基于自定义属性--color的值设置元素的背景色div：

<style>
  div {
    color: var(--color);
    background-color: if(style(--color: white): black; else: white);
  }
  .dark {
    --color: black;
  }
  .light {
    --color: white;
  }
</style>
<div class="dark">dark</div>
<div class="light">light</div>

请参阅 CSS 值和单元模块级别 5 中的条件值选择：if () 表示法。

CSS `reading-flow` 和 `reading-order` 属性

reading-flow CSS 属性控制以下内容：

弹性、网格或块布局中的元素向辅助功能工具公开的顺序。
使用 Tab 键时，弹性、网格或块布局中的元素的焦点顺序。

属性 reading-flow 支持以下值：

normal
flex-visual
flex-flow
grid-rows
grid-columns
grid-order
source-order

CSS reading-order 属性允许手动重写读取流容器中的顺序。该值 reading-order 是默认为 0 的整数。

另请参阅：

阅读顺序：CSS 显示模块级别 4 中的阅读流属性。
重写阅读流：CSS 显示模块级别 4 中的阅读顺序属性。

对 `shape()` 中的支持 `offset-path`

shape() CSS 属性已支持 clip-path CSS 函数，现在 CSS 属性也支持offset-path该函数。

这允许在多个 CSS 属性中重复使用同一形状。

请参阅 MDN 的 offset-path 。

属性的系统 `accent-color` 主题色

CSS accent-color 属性允许自定义窗体元素的颜色，例如复选框、单选按钮或进度栏。

现在，属性的默认颜色 accent-color 与作系统主题色匹配。/g/blink-dev/c/WwYkLjbGhoA

请参阅 MDN 处的主题色。

自动生成的视图转换名称

view-transition-name CSS 属性支持两个新值，以避免为参与视图转换的元素指定唯一名称：

match-element - 生成基于元素标识的唯一 ID。此值在单页应用中很有用，其中使用视图转换进行动画处理的元素正在 DOM 中移动。
auto - 生成基于元素 id 属性的唯一 ID。此值仅考虑 id 属性，并忽略元素的类型。此方法使视图转换可以跨应用的多个页面工作，其中具有相同属性的 id 元素可能属于不同的类型。

请参阅自动确定 view-transition-name。

对上的 `transform` 属性的支持 `<svg>`

现在，通过使用 transform 属性，直接在元素上<svg>支持转换属性（如缩放、旋转、转换和倾斜）。

这使你可以整体作整个 SVG 坐标系或其内容，从而在创建动态、响应和交互式矢量图形方面提供更大的灵活性。

通过支持 transform 属性， <svg> 可以转换元素，而无需其他包装元素或复杂的 CSS 解决方法。

请参阅 MDN 中的转换。

在草书脚本中忽略`letter-spacing`

根据规范，浏览器现在在 letter-spacing 呈现草书脚本时忽略 CSS 属性，以避免断字。

如果可能，浏览器可以通过将额外空间转换为草书延伸或压缩来应用字母间距。如果在不中断草书连接的情况下无法展开文本，浏览器会将每个单词视为字母间距的单个版式单位。

适当的草书延伸率或压缩率因以下情况而异：

脚本。
字体。
语言。
Word位置。
行位置。
实现复杂性。
字体功能。
书法首选项。

适当的草书延伸或压缩可能涉及缩短：

连字。
Swash 变体。
上下文窗体。
延伸字形。

避免将 letter-spacing 属性应用于草书脚本，除非可以接受不可互作的结果。

请参阅 MDN 中的字母间距。

Web API

将创建 Web 身份验证凭据时引发 `payment` 的错误类型从 `SecurityError` 更改为 `NotAllowedError`

以前，在没有用户激活的情况下在跨源 iframe 中创建 payment 凭据时， SecurityError 会引发。

错误类型现在已更改为 NotAllowedError，以匹配针对未付款凭据引发的错误类型。

请参阅 MDN 上的付款请求 API 。

允许 SVG `<use>` 元素引用外部文档，而无需 URL 片段 ID

SVG <use> 元素现在可以链接到外部 SVG 文档，而无需指定片段标识符。

以前，需要显式引用 SVG 文档中的片段。例如：

<svg>
  <use xlink:href="myshape.svg#icon"></use>
</svg>

在上面的示例中， #icon 是指向文档中具有 id="icon" 属性的元素的 myshape.svg 片段标识符。如果未提供标识符，则 <use> 元素无法解析目标，并且未呈现任何内容。

现在可以省略片段标识符，并仅提供外部 SVG 文档文件名。这样做会自动引用带有 SVG 文档的根元素。例如：

<svg>
  <use xlink:href="myshape.svg"></use>
</svg>

请参阅 <use> MDN。

Blob URL 分区

Blob URL 访问现在按存储密钥进行分区。存储密钥是顶级站点、帧原点和 has-cross-site-ancestor 布尔值。顶级导航仅按帧原点分区。

按存储密钥对 Blob URL 访问进行分区与 Firefox 和 Safari 当前实现的类似。这会将 Blob URL 使用情况与作为存储分区一部分的其他存储 API 使用的分区方案保持一致。

除了此更改，Microsoft Edge 现在对呈现器启动的 Blob URL 的顶级导航强制实施 noopener ，其中，相应的站点是跨站点到执行导航的顶级站点。这与 Safari 中的类似行为和相应的规范保持一致。

可以通过设置 PartitionedBlobUrlUsage 策略暂时还原 Blob URL 分区：

如果此策略设置为 Enabled 或未设置，则会对 Blob URL 进行分区。
如果此策略设置为 Disabled，则不会对 Blob URL 进行分区。

请参阅文件 API 规范中的 Blob URL 访问限制。

从无响应网页调用崩溃报告中的堆栈

当网页由于运行很长的计算（如无限循环）而变得无响应时，Javascript 调用堆栈将记录并包含在发送到网站配置的报告 API 服务器终结点的崩溃报告中。

请参阅 MDN 中的报告 API 。

中的浮点颜色类型 `<canvas>`

CanvasRenderingContext2D、 OffscreenCanvasRenderingContext2D和 ImageData 对象现在除了支持 8 位定点格式外，还支持浮点像素格式。

此更改支持高精度应用程序，例如：

医学可视化。
高动态范围内容。
线性工作颜色空间。

请参阅画布浮点颜色值。

文档隔离策略

文档隔离策略允许文档自行启用跨源隔离，而无需使用跨源-开放者-Policy (COOP) 或跨源-Embedder-Policy (COEP) 响应标头，也无需考虑页面的跨源隔离状态。

另请参阅：

Web 加密 API 中的 Ed25519 签名算法支持

Web 加密 API 现在支持 Ed25519 签名算法。

请参阅 WebCrypto 中的安全曲线。

WebAssembly 中的 JavaScript Promise 集成 (JSPI)

JavaScript Promise Integration (JSPI) 是一种 API，允许 WebAssembly 应用程序与 JavaScript Promises 集成。

JSPI 允许 WebAssembly 程序充当 Promise 的生成器，并允许 WebAssembly 程序与承诺 API 交互。

当应用程序使用 JSPI 调用承诺 (JavaScript) API 时：

WebAssembly 代码已挂起。
WebAssembly 程序的原始调用方将获得一个 Promise，该承诺将在 WebAssembly 程序最终完成时实现。

请参阅 js-promise-integration。

WebAssembly 分支提示

为了提高已编译 WebAssembly 代码的性能，分支提示用于通知引擎特定分支指令很可能采用特定路径。

这允许引擎针对代码布局和寄存器分配做出更好的决策。

请参阅分支提示。

限制 SVGMatrix、SVGRect 和 SVGPoint 接受的属性和参数的类型

现在不允许将 SVGMatrix、SVGRect 和 SVGPoint 的属性和参数设置为 Infinity 或 NaN 。

这些值的设置属性或参数现在将引发 JavaScript 异常。

请参阅 MDN 中的 SVG API 。

选择 API `getComposedRanges` 和 `direction`

选择 API 现在支持以下属性和方法：

Selection.direction以、 forward或 backward的形式none返回所选内容的方向。
Selection.getComposedRanges() 返回包含 0 或 1 个组合StaticRange 对象的列表。

与对象不同Range，组合StaticRange的可以跨越阴影 DOM 边界。

例如：

const range = getSelection().getComposedRanges({ shadowRoots: [root] });

为了确保未知阴影树不会意外暴露，如果文本选择跨越属性中 shadowRoots 未提供的阴影根边界，则返回 StaticRange的终结点将位于该阴影树之外。

请参阅 MDN 中的选择：getComposedRanges () 方法。

WebGPU API

绑定到`externalTextureGPUTextureView`

使用 WepGPU 时创建 GPUBindGroup 时，现在可以绑定到 externalTextureGPUTextureView。

在将 WebGPU API 用于视频效果管道时，这会有所帮助。通过允许使用兼容的 GPUTextureView 来代替 GPUExternalTexture，着色器逻辑得到了简化。

请参阅 MDN 中的 GPUExternalTexture 。

使用复制整个缓冲区 `copyBufferToBuffer()`

方法 GPUCommandEncoder.copyBufferToBuffer() 允许省略 offsets 和 size 参数，从而更轻松地复制整个缓冲区。

请参阅 MDN 中的 GPUCommandEncoder：copyBufferToBuffer () 方法。

源试用版

以下是新的实验性 API，你可以在自己的实时网站上试用有限时间。

若要了解有关源试用的详细信息，请参阅在 Microsoft Edge 中使用源试用版。

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

新的Chromium源试用版

在未呈现的 iframe 上暂停媒体播放

将于 2026 年 1 月 27 日到期。

权限 media-playback-while-not-visible 策略暂停 iframe 正在播放的任何媒体，这些媒体当前未在不允许的帧上呈现。每当 iframe 的 display CSS 属性设置为 none 或属性设置为 hidden 或 collapse时，visibility这一点就适用。

目前， HTMLMediaElements 支持和 AudioContexts 媒体元素。

Microsoft仅限边缘的源试用版

Web 应用范围扩展

到期日期：2025 年 8 月 31 日

scope_extensions 是一个新的 Web 应用程序清单成员，它使 Web 应用能够将其范围扩展到其他源。

范围扩展允许依赖多个子域和顶级域的 Web 应用显示为单个 Web 应用。

{
  "name": "Example app",
  "display": "standalone",
  "start_url": "/index.html",
  "scope_extensions": [
    {
      "type": "type",
      "origin": "https://example.com"
    }
  ]
}

成员中列出的 scope_extensions 源必须通过托管名为 .well-known/web-app-origin-association的配置文件来确认它们与 Web 应用相关联。该文件必须列出 Web 应用的源：

{
  "https://sample-app.com/": {
    "scope": "/"
  }
}

购置信息 API

将于 2025 年 6 月 30 日到期。

对于通过应用商店或直接从浏览器获取的 PWA，购置信息 API 支持 3P 获取属性。

弃用 MS 高对比度

将于 2025 年 9 月 9 日到期。

启用旧版 CSS -ms-high-contrast 媒体查询和旧属性 -ms-high-contrast-adjust 。

请参阅弃用 -ms-high-contrast 和 -ms-high-contrast-adjust 支持。

注意

本页的部分内容是基于 Chromium.org 创建和共享的作品的修改，并根据 Creative Commons 署名 4.0 国际许可中所述的术语使用。

反馈

此页面是否有帮助？

Last updated on 2025-07-01