DevToolsPlugin

Expone mensajes de Proxy de desarrollo e información sobre las solicitudes y respuestas interceptadas en Chrome DevTools. Admite solicitudes HTTP y comunicación STDIO.

Ejemplo de configuración

{
  "$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"
  }
}

Propiedades de configuración

Propiedad	Descripción	Predeterminado
preferredBrowser	Explorador que se va a usar para iniciar Dev Tools. Valores admitidos: Edge, EdgeDev, Chrome	Edge

Opciones de línea de comandos

Ninguno

Problemas conocidos

Las herramientas de desarrollo no se abren en Microsoft Edge en Windows

El proxy de desarrollo se usa en Windows y se configura para usar Microsoft Edge para mostrar las herramientas de desarrollo. Después de iniciar el proxy de desarrollo, inicia el inspector, pero las herramientas de desarrollo no se abren o se abren vacías.

Para corregir este problema:

1. Abrir Microsoft Edge
2. Vaya a configuración
3. Abrir sistema y rendimiento
4. Deshabilitación de de aumento de inicio
5. Cierre todas las ventanas y procesos de Microsoft Edge
6. Iniciar proxy de desarrollo

Compatibilidad con STDIO

Al usar DevToolsPlugin con el STDIO comando , puede inspeccionar la comunicación STDIN/STDOUT/STDERR en Chrome DevTools:

• Los mensajes aparecen con stdio://command-name direcciones URL
• Las solicitudes se muestran como STDIN método
• Las respuestas se muestran como STDOUT (estado 200) o STDERR (estado 500)
• Los cuerpos del mensaje tienen el formato JSON cuando corresponda.
• La información de tiempo está disponible para cada par de solicitud/respuesta

Ejemplo de configuración para 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"
  }
}

A continuación, ejecute:

devproxy STDIO npx -y @modelcontextprotocol/server-filesystem

Paso siguiente

Inspección de solicitudes y respuestas mediante Chrome DevTools