Granska begäranden och svar med Hjälp av Chrome DevTools

Som standard visar Dev Proxy sina meddelanden i kommandotolken. Om du använder Dev Proxy med ett program som utfärdar många begäranden är det svårt att hitta de meddelanden som du är intresserad av. Dessutom kanske du vill inspektera de begäranden och svar som fångas upp av Dev Proxy.

Om du vill göra det enklare att hitta de meddelanden som du är intresserad av använder du plugin-programmet DevToolsPlugin för att visa Dev Proxy-meddelanden i Chrome DevTools.

DevToolsPlugin exponerar Dev Proxy-meddelanden och information om avlyssnade begäranden och svar i Chrome DevTools.

Så här använder du Chrome DevTools med Dev Proxy:

1. Öppna den devproxyrc.json fil som lagras i installationskatalogen för Dev Proxy. Du kan också använda devproxy config open kommandot .

2. Aktivera plugin-programmet DevToolsPlugin genom att lägga till följande fragment i matrisen plugins:

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

3. Lägg till avsnittet devTools och ange önskad webbläsare:

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

   Tips

   Värden som stöds är: Edge, EdgeDev, Chrome

4. Den fullständiga devproxyrc.json filen ser ut så här:

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

5. Spara filen devproxyrc.json och starta Dev Proxy.