DevToolsPlugin

公开开发代理消息,以及有关 Chrome DevTools 中截获的请求和响应的信息。 支持 HTTP 请求和 STDIO 通信。

显示开发代理消息的开发工具的 Microsoft Edge 屏幕截图。

Microsoft Edge 的屏幕截图,其中开发人员工具显示开发人员代理截获的请求和响应。

配置示例

{
  "$schema": "https://raw.githubusercontent.com/dotnet/dev-proxy/main/schemas/v2.0.0/rc.schema.json",
  "plugins": [
    {
      "name": "DevToolsPlugin",
      "enabled": true,
      "pluginPath": "~appFolder/plugins/DevProxy.Plugins.dll",
      "configSection": "devTools"
    }
  ],
  "devTools": {
    "$schema": "https://raw.githubusercontent.com/dotnet/dev-proxy/main/schemas/v2.0.0/devtoolsplugin.schema.json",
    "preferredBrowser": "Edge"
  }
}

配置属性

财产 描述 违约
preferredBrowser 用于启动开发工具的浏览器。 支持的值:EdgeEdgeDevChrome Edge

命令行选项

没有

已知问题

开发工具未在 Windows 上的 Microsoft Edge 中打开

在 Windows 上使用开发代理,并将其配置为使用 Microsoft Edge 显示开发工具。 启动开发代理后,它会启动检查器,但开发工具未打开或打开为空。

若要解决此问题,请执行以下作:

  1. 打开 Microsoft Edge
  2. 转到 设置
  3. 打开 系统和性能
  4. 禁用 启动提升
  5. 关闭所有Microsoft Edge 窗口和进程
  6. 启动开发代理

STDIO 支持

在命令中使用 DevToolsPlugin STDIO时,可以在 Chrome DevTools 中检查 STDIN/STDOUT/STDERR 通信:

  • 消息随 URL 一起 stdio://command-name 显示
  • 请求显示为 STDIN 方法
  • 响应显示为 STDOUT (200 状态)或 STDERR (500 状态)
  • 消息正文的格式设置为 JSON(如果适用)
  • 计时信息可用于每个请求/响应对

STDIO 的配置示例

{
  "$schema": "https://raw.githubusercontent.com/dotnet/dev-proxy/main/schemas/v2.1.0/rc.schema.json",
  "plugins": [
    {
      "name": "DevToolsPlugin",
      "enabled": true,
      "pluginPath": "~appFolder/plugins/DevProxy.Plugins.dll",
      "configSection": "devTools"
    }
  ],
  "devTools": {
    "preferredBrowser": "Edge"
  }
}

然后运行:

devproxy STDIO npx -y @modelcontextprotocol/server-filesystem

后续步骤