Esaminare le richieste e le risposte usando Chrome DevTools

Per impostazione predefinita, Dev Proxy visualizza i messaggi nel prompt dei comandi. Se si usa Dev Proxy con un'applicazione che genera molte richieste, è difficile trovare i messaggi interessati. Per altre informazioni, è possibile controllare le richieste e le risposte intercettate da Dev Proxy.

Per semplificare la ricerca dei messaggi interessati, usare il DevToolsPlugin plug-in per visualizzare i messaggi proxy di sviluppo in Chrome DevTools.

Suggerimento

Dev Proxy supporta l'uso di Chrome DevTools con Microsoft Edge, Microsoft Edge Dev e Google Chrome.

Espone DevToolsPlugin i messaggi di Dev Proxy e le informazioni sulle richieste e le risposte intercettate in Chrome DevTools.

Screenshot di Microsoft Edge con strumenti di sviluppo che mostrano i messaggi di Dev Proxy.

Screenshot di Microsoft Edge con strumenti di sviluppo che mostrano richieste e risposte intercettate da Dev Proxy.

Per usare Chrome DevTools con Dev Proxy:

  1. Aprire il file devproxyrc.json archiviato nella directory di installazione di Dev Proxy.

  2. Abilitare il plug-in aggiungendo il DevToolsPlugin frammento seguente alla plugins matrice:

    {
      "name": "DevToolsPlugin",
      "enabled": true,
      "pluginPath": "~appFolder/plugins/dev-proxy-plugins.dll",
      "configSection": "devTools"
    }
    
  3. Aggiungere la sezione e specificare il devTools browser preferito:

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

    Suggerimento

    I valori supportati sono: Edge, , EdgeDevChrome

  4. Il file completo devproxyrc.json è simile al seguente:

    {
      "plugins": [
        {
          "name": "DevToolsPlugin",
          "enabled": true,
          "pluginPath": "~appFolder/plugins/dev-proxy-plugins.dll",
          "configSection": "devTools"
        }
      ],
      "devTools": {
        "preferredBrowser": "Edge"
      }
    }
    
  5. Salvare il devproxyrc.json file e avviare Il proxy di sviluppo.