以下是 Microsoft Edge 138 中于 2025 年 6 月 26 日发布的新的 Web 平台功能和更新。
若要保持最新状态并获取最新的 Web 平台功能,请下载Microsoft Edge (Beta、Dev 或 Canary) 的预览频道;转到 成为Microsoft Edge 预览体验成员。
详细内容:
- Edge DevTools
- WebView2
-
Web 平台功能
- CSS 功能
-
Web API
- 提示和编写协助 API 开发人员预览版
-
标头的
Clear-Site-DataNewprefetchCache和prerenderCache值 - WebCodecs 中的视频帧方向元数据
-
崩溃报告 API 报表中的新增
is_top_level和visibility_state字段 - 禁止通过 HTTP 进行纯文本预呈现
-
序列化时在 HTML 属性中转义
<和> -
Integrity-Policy脚本的子资源完整性标头 - 可预测报告存储配额
-
pushsubscriptionchange重新订阅时的事件 -
推理规则:
target_hint字段 - 视区段枚举 API
- Web 应用范围扩展
- 已删除的功能
- 源试用版
Edge DevTools
请参阅 DevTools (Microsoft Edge 138) 中的新增功能 。
WebView2
请参阅 2025 年 6 月 3 日 (1.0.3296.44) WebView2 SDK 的存档发行说明。
Web 平台功能
CSS 功能
CSS stretch 大小调整关键字 (keyword)
对于 CSS 大小调整属性(如 width 和 height),关键字 (keyword) stretch 允许元素增长以完全填充其包含块的可用空间。 大小stretch调整关键字 (keyword) 类似于 值 100%,只不过生成的大小应用于元素的边距框,而不是应用于 指示box-sizing的框。
关键字 (keyword) stretch 允许元素保留其边距,同时保持尽可能大。 这是 的未准备版本 -webkit-fill-available。
另请参阅:
- 在 MDN 处拉伸 高度。
CSS abs() 和 sign() 函数
函数 abs(A) 返回与输入类型相同的 A 的绝对值:
- 如果 A 的数值为正值或 0⁺,
abs(A)则输出 A。 - 否则,
abs(A)输出 -1 * A。
函数 sign(A) 返回:
- -1 如果 A 的数值为负。
- 如果 A 的数值为正,则为 +1。
- 如果 A 的数值为 0⁺,则为 0⁺。
- 如果 A 的数值为 0⁻,则为 0⁻。
返回 CSS 类型为 <number>,与输入计算的类型一致。
另请参阅:
- mdn 的 abs () 。
- 在 MDN 上 () 签名。
OS 级别字体缩放的 CSS 环境变量
preferred-text-scale CSS 环境变量向 CSS 公开用户的首选字体比例。
以前,页面无法通过作系统的首选项来检测用户是否更改了其首选字号。
另请参阅:
- env () ,位于 MDN。
CSS sibling-index() 和 sibling-count() 函数
sibling-index() 和 sibling-count() 可用作 CSS 属性值中的整数,根据元素在同级元素中的位置或同级元素总数设置元素的样式。 这些函数可以在表达式内 calc() 使用,也可以直接用作整数值。
例如,可以在 sibling-index() 表达式中使用 calc() 函数,根据列表项在同级中的位置设置列表项的左边距:
li {
margin-inline-start: calc(1rem * sibling-index());
}
另请参阅:
-
树计数函数:
sibling-count()CSS 值和sibling-index()单元模块级别 5 规范中的 和 表示法。
内度:CSS progress() 函数
progress() CSS 数学函数返回一个 <number> ,它表示某个值在进度开始值和进度结束值之间的位置。
progress() 在流畅版式等情况下非常有用。
另请参阅:
-
内度计算:
progress()CSS 值和单位模块级别 5 规范中的表示法。 -
[css-values] 建议使用“progress”函数来计算 CSS 工作组 GitHub 存储库中两
<length>个值之间的进度 。
Web API
提示和编写协助 API 开发人员预览版
提示 API 和编写协助 API 现在在 Edge Canary 和开发频道中作为开发人员预览版提供。
通过这些 API,可以访问内置于 Edge 浏览器中的强大小型语言模型 Phi-4-mini。
使用这些 API 可以尝试进行提示工程、汇总和修改内容或生成文本。
另请参阅:
标头的 Clear-Site-Data New prefetchCache 和 prerenderCache 值
Clear-Site-Data HTTP 标头现在支持新的 prefetchCache 和 prerenderCache 值。
以前,清除预提取和预呈现缓存的唯一方法是使用 cache HTTP 标头的值 Clear-Site-Data 。 随着投机规则 API 的日益采用,开发人员需要一种方法来明确清除预提取或预呈现缓存,或者同时清除这两者,而不会中断其他会话信息,例如历史记录或 Cookie。
另请参阅:
- MDN 中的推理规则 API。
WebCodecs 中的视频帧方向元数据
WebCodecs 中与视频相关的各种接口现在具有 rotation 和 flip 值:
- 接口
VideoFrame现在可以创建具有任意rotation值和flip值的对象实例。 - 对象
VideoDecoderConfig现在具有rotation自动在解码VideoFrame对象上发出的 和flip字段。 - 类
VideoEncoder现在具有一种机制,用于将 和flip信息从encode()传递到rotationVideoDecoderConfig作为 的一部分EncodedVideoChunkMetadata发出的 。
以前,开发人员无法知道何时收到具有非默认方向的视频帧。
另请参阅:
- MDN 中的 WebCodecs API。
崩溃报告 API 报表中的新增 is_top_level 和 visibility_state 字段
故障报告 API 发送到默认终结点的故障报告现在包含 is_top_level 和 visibility_state 字符串字段。
is_top_level和 visibility_state 字段是有关崩溃报告中崩溃帧的上下文信息位。
另请参阅:
- MDN 处的报告 API。
禁止通过 HTTP 进行纯文本预呈现
为了使预渲染与预提取一致,纯文本预呈现现在仅适用于 HTTPS。
以前,允许通过 HTTP 和 HTTPS 连接进行纯文本预呈现。
另请参阅:
- 导航提取预呈现重新调整中的更改。
序列化时在 HTML 属性中转义 < 和>
<序列化 HTML 时,HTML 元素属性值中的 和 > 字符现在将转义。 这可以降低发生突变 XSS 攻击的风险,在序列化和重新分析属性的值被解释为起始标记标记时发生这种攻击。
Integrity-Policy 脚本的子资源完整性标头
使用新 Integrity-Policy 标头可以断言需要对给定类型的每个资源进行完整性检查。 如果尝试在没有完整性元数据的情况下加载指定类型的资源,该尝试将失败,并生成冲突报告。
另请参阅:
- MDN 中的子资源完整性。
可预测报告存储配额
StorageManager estimate() 方法针对没有无限存储权限的站点报告的存储配额现在在所有浏览模式下都是相同的。
这可以缓解以前可以通过报告的存储配额检测用户的浏览模式的问题,因为 InPrivate 模式下可用的存储空间明显小于常规模式。
对于存储权限受限的站点,报告配额现在等于当前存储使用量加上 10 GiB 之间的最小值,设备磁盘大小四舍五入为最接近的 1 GiB(在所有浏览模式下)。
具有无限存储权限的网站不受影响。
另请参阅:
- MDN 中的 StorageManager 。
- MDN 中的存储配额和逐出条件。
pushsubscriptionchange 重新订阅时的事件
在 pushsubscriptionchange 源的上一个推送订阅因权限更改 granteddeny (从 更改为 或 default) 而吊销后,当源重新授予通知权限后,服务辅助角色将触发该事件。
事件是使用空 oldSubscription 和 newSubscription触发的。
另请参阅:
推理规则: target_hint 字段
已扩展推理规则的语法,以允许你指定 target_hint 字段。 字段 target_hint 提供提示,让浏览器知道预呈现目标将在何处显示,例如在新选项卡或窗口中。
例如,当 指定为提示时 _blank ,可以在由 window.open()打开的窗口中呈现预呈现的页面。
target_hint 当前支持 _self 和 _blank 字符串。 如果未指定提示,则会将其视为 _self。
字段 target_hint 对预提取推理规则没有影响。
另请参阅:
- MDN 中的推理规则 API。
视区段枚举 API
视区段枚举 API 允许调整网站布局以面向可折叠设备。
视区段定义视区逻辑上独立的区域的位置和维度。 当视区由一个或多个硬件功能拆分时,将创建视区段, (例如作为分隔符的独立显示器) 之间的折叠或铰链。
段是视区的区域,可被视为逻辑上不同的区域。
另请参阅:
Web 应用范围扩展
新的 "scope_extensions" Web 应用清单字段使 Web 应用能够将其范围扩展到其他源。
用法示例:
{
"name": "Example",
"display": "standalone",
"start_url": "/index.html",
"scope_extensions": [
{"type" : "origin", "origin" : "https://example.com"}
]
}
字段 scope_extensions 允许将控制多个子域和顶级域的网站显示为单个 Web 应用。
字段 scope_extensions 需要列出的源,以便使用 .well-known/web-app-origin-association 配置文件确认与 Web 应用的关联:
{
"https://sample-app.com/": {
"scope": "/"
}
}
另请参阅:
已删除的功能
媒体源扩展的异步范围删除现在引发异常
对媒体源扩展规范进行了以下更改,以禁止涉及异步范围删除的明确定义行为:
-
SourceBuffer.abort()不再中止SourceBuffer.remove()作。 - 设置
MediaSource.duration无法再截断当前缓冲的介质。
虽然这些更改是在很久以前进行的,并且 Safari 和 Firefox 已经实现了这些更改,但Chromium尚未实现这些更改。 现在,在这两种情况下都会引发异常。
另请参阅:
- MDN 中的媒体源 API。
删除 SwiftShader 自动回退
以前,如果无法使用可用的 GPU 创建 WebGL 上下文,Chromium将自动回退到使用 SwiftShader 软件呈现器。 此自动回退行为现已删除,WebGL 上下文创建现在将失败,而不是回退到 SwiftShader。
SwiftShader 在从高性能 GPU 支持的 WebGL 回退到 CPU 支持的实现时,会带来安全风险,并导致用户体验不佳。
SwiftShader 仍然是在站点上执行无外设测试的有用工具。 选择加入仍支持此用例,可以通过使用命令行参数运行 Microsoft Edge --enable-unsafe-swiftshader 来执行此作。
另请参阅:
源试用版
以下是新的实验性 API,你可以在自己的实时网站上试用有限时间。
若要了解有关源试用的详细信息,请参阅 在 Microsoft Edge 中使用源试用版。
有关可用源试用版的完整列表,请参阅 Microsoft Edge Origin 试用版。
Microsoft仅限边缘的源试用版
Web 应用访问 LocalFolder
到期日期:2025 年 7 月 31 日
允许从 Microsoft Store 安装的 PWA 访问以前由同一应用程序的早期 UWP 版本存储在 WinRT ApplicationData.LocalFolder 文件夹中的文件内容。
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 支持。
AriaNotify API
将于 2025 年 10 月 14 日到期。
AriaNotify API 使开发人员能够直接告诉屏幕阅读器要阅读的内容。 在最简单的方案中,对文档或元素调用 ariaNotify("foo") 。
请参阅 使用 Aria Notify 创建更易于访问的 Web。
注意
本页的部分内容是基于 Chromium.org 创建和共享的作品的修改,并根据 Creative Commons 署名 4.0 国际许可中所述的术语使用。