Compartir a través de


Inspección de solicitudes y respuestas mediante Chrome DevTools

De forma predeterminada, Dev Proxy muestra sus mensajes en el símbolo del sistema. Si usa Dev Proxy con una aplicación que emite muchas solicitudes, es difícil encontrar los mensajes que le interesan. Además, es posible que quiera inspeccionar las solicitudes y respuestas interceptadas por el proxy de desarrollo.

Para facilitar la búsqueda de los mensajes que le interesan, use el DevToolsPlugin complemento para mostrar mensajes de Proxy de desarrollo en Chrome DevTools.

Sugerencia

El proxy de desarrollo admite el uso de Chrome DevTools con Microsoft Edge, Microsoft Edge Dev y Google Chrome.

DevToolsPlugin expone mensajes de Dev Proxy e información sobre las solicitudes y respuestas interceptadas en Chrome DevTools.

Captura de pantalla de Microsoft Edge con herramientas de desarrollo que muestran mensajes de Proxy de desarrollo.

Captura de pantalla de Microsoft Edge con herramientas de desarrollo que muestran las solicitudes y respuestas interceptadas por el proxy de desarrollo.

Para usar Chrome DevTools con proxy de desarrollo:

  1. Abra el archivo devproxyrc.json almacenado en el directorio de instalación del proxy de desarrollo.

  2. Habilite el DevToolsPlugin complemento agregando el siguiente fragmento a la plugins matriz:

    {
      "name": "DevToolsPlugin",
      "enabled": true,
      "pluginPath": "~appFolder/plugins/dev-proxy-plugins.dll",
      "configSection": "devTools"
    }
    
  3. Agregue la devTools sección y especifique el explorador que prefiera:

    "devTools": {
      "preferredBrowser": "Edge"
    }
    

    Sugerencia

    Los valores admitidos son: Edge, EdgeDev, Chrome

  4. El archivo completo devproxyrc.json tiene el siguiente aspecto:

    {
      "plugins": [
        {
          "name": "DevToolsPlugin",
          "enabled": true,
          "pluginPath": "~appFolder/plugins/dev-proxy-plugins.dll",
          "configSection": "devTools"
        }
      ],
      "devTools": {
        "preferredBrowser": "Edge"
      }
    }
    
  5. Guarde el devproxyrc.json archivo e inicie el proxy de desarrollo.