Edge 开发者新功能：SPA 性能、调试与 WebMCP 一文看懂

微软近期面向 Web 开发者推出的更新，涉及性能测量、调试、AI 智能体交互和文本编辑。关键在于分清功能所处阶段：有些已写入 Edge 版本说明或 DevTools 文档，有些仍适合试验；计划中的原生菜单元素则还不应被当作可用于生产环境的功能。 16333940

让单页应用的页面切换也能被测量

传统页面加载指标无法完整反映单页应用（SPA）的体验：用户在不同视图间切换时，页面可能不会加载新的文档。Edge 的 Performance API 增加了两类性能条目，帮助开发者观察这类站内变化：soft-navigation 记录由交互触发、发生在同一文档中的历史状态变化；interaction-contentful-paint 则记录用户交互改变页面局部内容后，新的有内容绘制何时出现。 40

Edge 的版本说明还介绍了用于收集 SPA 性能指标的软导航启发式机制。这些数据有助于定位应用内跳转何时发生、后续内容何时显示，但它们是用于诊断的信号，并不会自动修复性能问题。 3940

分析 JavaScript 时补上浏览器工作上下文

JavaScript Self-Profiling 标记可以在 JavaScript 采样之间补充浏览器执行其他工作的上下文，例如样式计算、布局、绘制和垃圾回收。开发者因此更容易判断时间花在应用代码上，还是花在浏览器的其他任务上。正式纳入生产工作流前，应先确认当前 Edge 文档及功能的实际可用状态。 1

在 DevTools 中重放和修改网络请求

Network 工具中的 Resend（重新发送） 可在不重新加载网页的情况下再次发送已捕获的请求，适合检查重复发送时请求的表现。 18

较新的 Edit and resend as Fetch（编辑并以 Fetch 重新发送） 流程，则允许开发者调整捕获到的请求，并在 Console 中将其作为 fetch() 调用尝试执行。这些工具让请求调试更顺手，但不会提升底层网络连接速度。微软的开发者更新介绍了这一新流程，Edge 文档则说明了重新发送请求的操作。 118

用 WebMCP 为浏览智能体提供结构化操作

WebMCP 是一项新兴方案，旨在让网站公开结构化操作，供浏览智能体调用。它的方向是让智能体通过网站声明的工具或操作与页面交互，而不只是依赖对页面视觉内容的识别。微软将 WebMCP 作为早期测试功能介绍，开发者应把它视为实验性能力，而非默认所有用户都能使用的功能。 1

用 OpaqueRange 支持表单中的文本交互

OpaqueRange 用于表示文本类 <input> 或 <textarea> 中一段实时文本范围。开发者可以据此在表单控件中构建与特定文本相关的交互，例如定位关联界面或标记文本范围，同时不暴露控件内部文本节点的细节。微软已在 Edge 152 的 Web 平台更新中列出 OpaqueRange。 133

谨慎试用 Web Install API

Web Install API 允许网站通过异步函数 navigator.install()，请求安装另一个 Web 应用，并调用浏览器内置的安装流程。微软宣布该 API 可通过 Edge 的 origin trial（源试用）供开发者测试。源试用是一种测试途径，并不代表所有浏览器都已普遍支持。 6

原生菜单元素仍处于规划阶段

微软还介绍了一个计划中的原生 <menu> 元素，目标是提供内置菜单行为。在官方确认支持前，开发者不应把它当作普遍可用的功能，也不宜围绕它构建生产环境中的关键行为。 1

现在可以关注什么

Edge 文档已说明如何在 DevTools 中重新发送请求，Edge 152 版本说明也列出了 OpaqueRange；Web Install API 则有已宣布的源试用测试途径。至于软导航性能指标、WebMCP 和 JavaScript 分析标记，使用前应核实当前版本与测试要求；原生菜单元素目前仍是规划中的功能。 1618333940