本文是使用人工智能创建的技术说明和实现示例。虽然发布的代码和步骤是基于一手信息构建的，但作者尚未在真实设备上验证其运行情况。根据环境和版本的不同，行为可能会有所差异。
Microsoft Edge 面向开发者的最新信息（“New in Edge for developers”）介绍了许多新功能和更改，例如提高 Web 组件的可访问性、扩展表单输入操作以及针对浏览代理的功能。在本文中，我们将整理官方博客中描述的主要更改，并确认其对开发现场的使用影响。
目的与本文的立场
本文的目的是根据一手信息，整理 Microsoft Edge 和 Chromium 项目中最新平台更新及实验性功能的规范。由于未在真实设备环境中验证运行情况，我们将根据官方博客的描述，解释各项功能的概述以及使用时的注意事项。
更改全貌
官方信息列出了涵盖广泛的项目，从正式添加的功能到处于早期测试阶段的功能。
flowchart TD
A["New in Edge for Developers"] --> B[フォーム・UIコンポーネント]
A --> C[CSS・メディア・PWA]
A --> D[エージェント・高度な検証]
B --> B1["OpaqueRange API"]
B --> B2[referenceTarget]
B --> B3[aria-actions]
C --> C1["Media Pseudo-classes"]
C --> C2["Window Drag & PWA Title Bar"]
C --> C3["alpha() & textStream()"]
D --> D1[WebMCP]
D --> D2["JS Self-Profile Markers"]
D --> D3["Network DevTools Resend"]
表单和组件相关的扩展
OpaqueRange API
<textarea>及<input>是一个为表单输入元素内的文本范围提供实时访问的 API。getBoundingClientRect()与getClientRects()等操作结合使用时，可以将 UI 放置在输入字段内的特定位置。它还可以与 CSS 自定义高亮 API 协作，在可编辑文本区域内创建个性化高亮。
Reference Target (referenceTarget)
这是一个解决带有 Shadow DOM 的 Web 组件中跨根 ARIA 问题的属性。shadowrootreferencetarget属性及referenceTarget属性的使用，能够将for属性及aria-labelledby等 ID 引用属性转发到 Shadow DOM 内部的元素。这使得组件外部的<label>能够连接到内部的<input>正确关联它们，并提升可访问性。
aria-actions 属性
这是一个 HTML 属性，用于向屏幕阅读器等辅助技术轻松公开复杂 UI 中包含的复合部件（例如选项卡部件中的关闭按钮等）的辅助操作。
样式、PWA 以及 JavaScript 功能扩展
媒体伪类与 PWA 相关功能
媒体伪类:
:playing、:paused、:buffering、:muted、:stalled等伪类，<video>和<audio>元素可以根据其播放状态进行样式设置。PWA 窗口拖拽: 引入了使已安装的 PWA 窗口可拖拽的 CSS 属性。此外，在 Microsoft Edge 151 及更高版本的 Windows 环境中，使用 Window Controls Overlay API 时，PWA 的应用标题栏默认会隐藏。
window-drag安装功能:
navigator.install()及<install>元素已更新，现在可以直接指定跨域 Web 应用的 manifest 文件进行安装。
JavaScript 及其他实用工具
新增了 Iterator 方法:
Iterator.join()、Iterator.zip()、Iterator.zipKeyed()，从而简化了多个可迭代对象的合并和同时迭代处理。其他 API: 调整颜色的透明度
alpha()CSS 函数，无需手动解码字节块即可增量处理文本textStream()（可在 Response、Request 和 Body 对象中使用），并新增了软导航和交互的衡量指标。
智能体集成与调试工具的新功能
WebMCP（Web Machine Learning Community Group）
这是一项用于开启浏览智能体场景的早期测试功能。它是一个 Web API，允许复用现有的前端代码，并将其公开为结构化工具，以协助用户完成浏览任务。可以通过来源试用（Origin Trial）或启用本地标志来进行测试。
JS 自我分析（Self-Profiling）标记
为了填补 JavaScript 性能测量期间产生的“浏览器正在进行样式计算、布局、绘制和垃圾回收的期间”这一空白，样本中将添加标记。这有助于更准确地定位跟踪中的延迟原因。
Network 开发者工具的请求重发功能
在 Edge 153 及更高版本的 DevTools Network 工具中，可以通过上下文菜单执行以下操作：
Resend: 直接重新发送 XHR 或 Fetch 等请求。
Edit and resend as fetch: 生成 Fetch API 调用并写入控制台工具的输入栏中。修改标头或参数后即可发送。
使用时的注意事项与局限性
本文介绍的许多功能都基于最新 Microsoft Edge 或 Chromium 项目的更新，或者是来源试用和实验性标志（
about://flags中的“Experimental Web Platform features”等）。在生产环境中使用或在旧版本上运行旧版操作时，需要注意规范的更改以及各个浏览器的支持情况。
由于作者未在实体机上验证运行情况，因此在引入和验证时，请务必查阅官方文档并确认在实际环境中的表现。
总结
本文基于第一手资料，梳理了 Microsoft Edge 最新开发者面向更新的变化点及其带来的影响。
Web 组件无障碍改进（
referenceTarget和aria-actions）表单输入和文本范围操作扩展（OpaqueRange API）
元信息、PWA 及 JavaScript 迭代器便利性提升
WebMCP 和网络调试工具增强
在引入时，建议提前确认目标 Edge 版本、源试用（Origin Trial）的适用情况以及各浏览器的具体实现状态。
参考信息
本文更新历史
本文的内容已通过利用生成式 AI 的自动审查与更新流程进行审阅，并反映了必要的修正。
2026年9月26日
- 更改删除了“总结”小节开头处不自然的顿号，并对文句进行了适当的修正。
