Microsoft Edge 133 Web 平台发行说明 (2025 年 2 月)

项目
2025-02-10

以下是 Microsoft Edge 133 中的新 Web 平台功能和更新，该版本于 2025 年 2 月 6 日发布。

若要保持最新状态并获取最新的 Web 平台功能，请下载 Microsoft Edge 的预览体验成员版本，例如 Canary、Dev 或 Beta 版;请参阅成为Microsoft Edge 预览体验成员。

详细内容：

Edge DevTools
WebView2
Web 平台功能
- 已启用的功能
- 已弃用和已删除的功能
  - 弃用 WebGPU 限制 maxInterStageShaderComponents
  - 删除 <link rel=prefetch> 五分钟规则
源试用版
- Microsoft仅限边缘的源试用版
- 新的Chromium源试用版

Edge DevTools

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

WebView2

请参阅 2025 年 2 月 2025 年 2 月) (WebView2 SDK 发行说明中的 1.0.3065.39。

Web 平台功能

已启用的功能

`Animation.overallProgress`

将属性 overallProgress 添加到 Animation JavaScript 类。

此属性提供一种便捷且一致的表示形式，表示动画在迭代中的前进程度，而不管其时间线的性质如何。

`Atomics.pause`

Atomics.pause添加方法，以提示 CPU 当前代码正在执行旋转锁。

脚本的 CSP 哈希报告

出于安全目的，复杂的 Web 应用程序通常需要记录它们下载的子资源。特别是，即将推出的行业标准和最佳做法 (（如 PCI-DSS v4) ）要求 Web 应用程序保留其下载和执行的所有脚本的清单。

此功能基于内容安全策略 (CSP) 和报告 API 来报告文档加载的所有脚本资源的 URL 和哈希。

CSS `:open` 伪类

:open伪类匹配<dialog>，以及<details>它们何时处于打开状态，以及匹配<select>以及<input>它们处于具有选取器且显示选取器模式时。

CSS 滚动状态容器查询

使用容器查询根据容器的滚动状态设置容器后代的样式。

查询容器要么是滚动容器，要么是受滚动容器的滚动位置影响的元素。可以查询以下状态：

stuck：粘滞定位的容器被粘在滚动框的边缘之一。
snapped：滚动对齐对齐的容器当前处于水平或垂直对齐状态。
scrollable：是否可以按查询方向滚动滚动容器。

新的 container-type: scroll-state 允许查询容器。

例如：

#sticky {
  position: sticky;
  container-type: scroll-state;
}

@container scroll-state(stuck: top) {
  #sticky-child { font-size: 75% }
}

CSS 高级 `attr()` 函数

实现 CSS 级别 5 中指定的扩充 attr() ，它允许除之外 <string>的类型，并允许在除伪元素 content) 之外的所有 CSS 属性中使用 (。

示例：

<style>
  div {
     background-color: attr(data-foo type(<color>), red);
  }
</style>
<div data-foo="blue">test</div>

CSS `text-box`、 `text-box-trim`、和 `text-box-edge` 属性

为了实现文本内容的光学平衡， text-box-trim 和 text-box-edge 属性以及 text-box 简写属性可以更精细地控制文本的垂直对齐方式。

属性 text-box-trim 指定要剪裁 () 上方或下方的边。属性 text-box-edge 指定应如何剪裁边缘。

这些属性允许使用字体指标精确控制垂直间距。

ideographic 和 ideographic-ink，中文、日语和朝鲜语 (CJK) 字符的两个值 text-box-edge 将推迟到将来的版本。

DOM 状态保留移动

此功能添加了一个 DOM 基元 (moveBefore) ，该基元允许在 DOM 树中四处移动元素，而无需重置元素的状态。此函数在 ParentNode 、和 DocumentFragment等ElementDocument节点上可用。

移动元素而不是删除或插入元素时，将保留如下所示的状态：

<iframe> 元素保持加载状态。
活动元素保留焦点。
弹出窗口和对话框保持打开状态。
CSS 转换和动画继续运行。

在上 `attributionsrc` 公开属性 `<area>`

对于“属性报告”attributionsrc，由于与 <a>共享的代码有意支持该属性，属性已在元素上<area>意外处理。

为了完整性，上的 <area> 属性以相同的语法和语义公开 <a>，并且不会更改以前的处理。 <area>导航具有属性的attributionsrc标记时，前台请求可能会注册导航源，如果属性为非空，则一个或多个后台请求同样能够注册导航源。

无论 (TAO) 标头如何`Timing-Allow-Origin`，在元素计时和最大内容绘制 (LCP) 公开粗糙的跨源`renderTime`

所有元素计时和 LCP 性能条目都具有非零 renderTime，即使它们是没有标头的 Timing-Allow-Origin 跨源项。 (renderTime、绘制计时开始时间和事件计时结束时间) 的所有演示时间戳都将粗糙化为 4 毫秒的倍数，以降低读取跨源图像信息的风险。

接口`FileSystemObserver`

接口 FileSystemObserver 通知网站文件系统的更改。站点在用户本地设备 (（如) 或存储桶文件系统 (中指定的) 中指定的 WICG/file-system-access ）中观察对文件和目录的 whatwg/fs 更改，并收到基本更改信息（如更改类型）的通知。

多个导入映射

导入映射当前必须在任何 ES 模块之前加载，并且每个文档只能有一个导入映射。这使得导入地图变得脆弱，在现实生活中使用可能很慢：在导入映射之前加载的任何模块都会中断整个应用，在包含许多模块的应用中，导入映射将成为一个大型阻塞资源，因为所有可能模块的整个映射都需要首先加载。

此功能通过以一致且确定性的方式合并导入映射，为每个文档启用多个导入映射。

此更改对应于以下相关更改集：

添加强制方法以设置弹出框之间的调用程序关系： popover.showPopover({source})。
调用程序关系创建隐式定位点元素引用。

单击嵌套的弹出框不会重新调用同一弹出框。

在以下示例中，单击按钮会正确激活弹出框。但是，在此之后单击弹出框本身不应关闭弹出框。以前，弹出框已关闭这种情况，因为弹出框单击气泡到 <button> 并激活了调用程序，从而关闭了弹出框。

<button popovertarget=foo>Activate
  <div popover id=foo>Clicking me shouldn't close me</div>
</button>

资源计时：还原`responseStart`更改和引入`firstResponseHeadersStart`

资源计时：

responseStart 返回第一个响应， (临时) 或最终提示。
(2xx/4xx/5xx) 时间的最终响应标头公开为 finalResponseHeadersStart。

存储访问标头

为经过身份验证的嵌入提供了一种替代方法，以选择加入未分区的 Cookie。这些标头指示未分区的 Cookie 是 (还是可以) 包含在给定的网络请求中。这些标头还允许服务器激活 storage-access 已授予的权限。提供激活权限的 storage-access 替代方法允许非 iframe 资源使用，并且可以减少经过身份验证的嵌入的延迟。

支持使用创建`ClipboardItemPromise<DOMString>`

ClipboardItem 是异步剪贴板写入方法的输入。除了 BLOB 之外，构造 ClipboardItem 函数现在还接受字符串值。 ClipboardItemData 可以是 BLOB;字符串;或解析为 BLOB 或字符串的 Promise。

Web 身份验证 API：方法`getClientCapabilities()PublicKeyCredential`

方法 getClientCapabilities() 允许确定用户客户端支持哪些 WebAuthn 功能。此方法返回受支持的功能列表，使你能够根据客户端的特定功能定制身份验证体验和工作流。

WebAssembly memory64 建议

memory64 建议增加了对大于 2^32 位的线性 WebAssembly 内存的支持。此建议没有提供新的指令，而是扩展了现有指令，以允许内存和表的 64 位索引。

WebGPU：单组件顶点格式 (和 `unorm8x4-bgra`)

添加 WebGPU 初始版本中不存在的其他顶点格式，因为缺少支持，或者任何浏览器不再支持的旧 macOS 版本。单组件顶点格式允许应用程序仅请求必要的数据，而以前，应用程序必须请求至少 2 倍以上的 8 位和 16 位数据类型的数据。该 unorm8x4-bgra 格式使加载 BGRA 编码的顶点颜色更加方便，同时保留相同的着色器。

Web 加密 API 的 X25519 算法

X25519 算法提供了使用 RFC7748 中指定的 X25519 函数执行密钥协议的工具。可以在 X25519 接口中使用SubtleCrypto算法标识符来访问已实现的作：generateKey、、importKey、exportKeyderiveKey、和 deriveBits。

popover=hint

Popover API 指定特性的两个 popover 值的行为： auto 和 manual。此功能描述第三个值 popover=hint。提示通常与工具提示类型行为关联，其行为略有不同。 main区别在于，hint在打开嵌套的弹出式堆栈时，从属于 autos。因此，在现有弹出框堆栈auto保持打开状态时，可以打开不相关的hint弹出框。规范示例是 <select> ，选取器打开 (popover=auto) ，并显示悬停触发的工具提示 (popover=hint) 。该作不会关闭 <select> 选取器。

已弃用和已删除的功能

弃用 WebGPU 限制 maxInterStageShaderComponents

由于以下因素的组合，将 maxInterStageShaderComponents 删除限制：

冗余与 maxInterStageShaderVariables：此限制已用于类似的目的：控制着色器阶段之间传递的数据量。
次要差异：两个限制的计算方式略有不同，但这些差异很小，可以在限制内 maxInterStageShaderVariables 有效管理。
简化：删除 maxInterStageShaderComponents 可简化着色器接口，并降低开发人员的复杂性。无需管理两个单独的限制 (这两者同时应用，但) 存在细微差异，可以专注于 maxInterStageShaderVariables更恰当地命名和全面的。

删除 `<link rel=prefetch>` 五分钟规则

以前，在使用 <link rel=prefetch>预提取资源时，其缓存语义具体 (， max-age 并且 no-cache) 在 5 分钟内首次使用时被忽略，以避免重新提取。现在，此特殊情况已被删除，并且使用普通 HTTP 缓存语义。

这意味着，若要从 <link rel=prefetch>中受益，需要包括适当的缓存标头 (，即 Cache-Control 或 Expires) 。

这也会影响非标准 <link rel=prerender>。

这修复了一个具有预提取猜测规则的 bug，其中缓存了非 2xx 响应。这不需要预提取猜测规则的缓存标头，因为此类标头用于导航预提取，因此具有与普通 HTTP 缓存不同的缓存需求。

源试用版

以下是新的实验性 API，你可以在自己的实时网站上试用有限时间。若要了解有关源试用的详细信息，请参阅在 Microsoft Edge 中使用源试用版。若要查看可用源试用版的完整列表，请参阅 Microsoft Edge Origin 试用版。

Microsoft仅限边缘的源试用版

数字商品 API

到期日期为 2025 年 3 月 31 日。

数字商品 API 允许 Web 应用程序获取有关其数字产品和由数字商店管理的用户购买的信息。用户代理提取到商店的连接，付款请求 API 用于进行购买。

Web 应用 `LocalFolder` 访问

到期日期为 2025 年 3 月 31 日。

允许Microsoft应用商店安装的渐进式Web 应用 (PWA) 访问以前由早期 UWP 版本的应用程序存储在 WinRT ApplicationData.LocalFolder 文件夹中的文件内容。

HTML+IDL 手写属性

将于 2025 年 6 月 14 日到期。

特性 handwriting 提供按文档和按元素的方式控制允许手写输入的位置，例如使用触笔时。

购置信息 API

将于 2025 年 6 月 30 日到期。

支持通过应用商店或直接从浏览器获取的渐进式Web 应用 (PWA) 的 3P 获取属性。

新的Chromium源试用版

跨根 ARIA 的引用目标

到期日期为 2025 年 6 月 10 日。

引用目标 API 允许基于 ID 的引用（尤其是来自元素和 ARIA 属性的引用）引用阴影根中的元素，这些元素在 Web 组件中经常使用。这填补了 Web 组件辅助功能中经常引用的空白。

DisableThirdPartyStoragePartitioning3

到期日期为 9/16/2025。

这是一个常规用途弃用试用版，它允许顶级站点为其站点中嵌入的第三方上下文选择使用未分区的存储、服务辅助角色和通信 API。这为站点提供了更多时间来测试和迁移到不需要分区存储的解决方案。

后台页面冻结 Opt-Out

到期日期为 9/16/2025。

此试用版允许页面选择退出后台页面冻结。在 Chromium 133 中，如果后台超过 5 分钟的选项卡占用大量 CPU 且节能程序处于活动状态，则可能会冻结，除非选择退出。在开发新的 Web API 时，将提供源试用版选择退出，以针对特定用例选择退出页面。

注意

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

通过

Microsoft Edge 133 Web 平台发行说明 (2025 年 2 月)

Edge DevTools

WebView2

Web 平台功能

已启用的功能

Animation.overallProgress

Atomics.pause

脚本的 CSP 哈希报告

CSS :open 伪类

CSS 滚动状态容器查询

CSS 高级 attr() 函数

CSS text-box、 text-box-trim、 和 text-box-edge 属性