Esaminare le richieste e le risposte con Chrome DevTools

Per impostazione predefinita, Dev Proxy visualizza i messaggi nel prompt dei comandi. Se si usa Dev Proxy con un'applicazione che emette molte richieste, è difficile trovare i messaggi a cui si è interessati. Inoltre, è possibile esaminare le richieste e le risposte intercettate dal proxy di sviluppo.

Per semplificare la ricerca dei messaggi a cui si è interessati, usare il plug-in DevToolsPlugin per visualizzare i messaggi di Dev Proxy in Chrome DevTools.

Consiglio

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

Il DevToolsPlugin espone i messaggi del proxy di sviluppo e le informazioni sulle richieste e le risposte intercettate in Chrome DevTools.

Per usare Chrome DevTools con Dev Proxy:

1. Aprire il file devproxyrc.json archiviato nella directory di installazione di Dev Proxy. È anche possibile usare il comando devproxy config open.

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

   {
     "name": "DevToolsPlugin",
     "enabled": true,
     "pluginPath": "~appFolder/plugins/DevProxy.Plugins.dll",
     "configSection": "devTools"
   }
   

3. Aggiungere la sezione devTools e specificare il browser preferito:

   "devTools": {
     "$schema": "https://raw.githubusercontent.com/dotnet/dev-proxy/main/schemas/v0.29.2/devtoolsplugin.schema.json",
     "preferredBrowser": "Edge"
   }
   

   Consiglio

   I valori supportati sono: Edge, EdgeDev, Chrome

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

   {
     "$schema": "https://raw.githubusercontent.com/dotnet/dev-proxy/main/schemas/v0.29.2/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/v0.29.2/devtoolsplugin.schema.json",
       "preferredBrowser": "Edge"
     }
   }
   

5. Salvare il file devproxyrc.json e avviare Dev Proxy.