Aanvragen en antwoorden inspecteren met Chrome DevTools

Standaard worden de berichten van Dev Proxy weergegeven in de opdrachtprompt. Als u Dev Proxy gebruikt met een toepassing die veel aanvragen uitgeeft, is het moeilijk om de berichten te vinden waarin u geïnteresseerd bent. Bovendien wilt u mogelijk de aanvragen en antwoorden inspecteren die zijn onderschept door Dev Proxy.

Gebruik de invoegtoepassing om Dev Proxy-berichten weer te geven in Chrome DevTools om gemakkelijker DevToolsPlugin de berichten te vinden waarin u geïnteresseerd bent.

Tip

Dev Proxy ondersteunt het gebruik van Chrome DevTools met Microsoft Edge, Microsoft Edge Dev en Google Chrome.

De DevToolsPlugin toont Dev Proxy-berichten en informatie over onderschepte aanvragen en antwoorden in Chrome DevTools.

Chrome DevTools gebruiken met Dev Proxy:

1. Open het devproxyrc.json-bestand dat is opgeslagen in de installatiemap van de Dev-proxy.

2. Schakel de DevToolsPlugin invoegtoepassing in door het volgende fragment toe te voegen aan de plugins matrix:

   {
     "name": "DevToolsPlugin",
     "enabled": true,
     "pluginPath": "~appFolder/plugins/dev-proxy-plugins.dll",
     "configSection": "devTools"
   }
   

3. Voeg de devTools sectie toe en geef uw voorkeursbrowser op:

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

   Tip

   Ondersteunde waarden zijn: Edge, EdgeDev, Chrome

4. Het volledige devproxyrc.json bestand ziet er als volgt uit:

   {
     "plugins": [
       {
         "name": "DevToolsPlugin",
         "enabled": true,
         "pluginPath": "~appFolder/plugins/dev-proxy-plugins.dll",
         "configSection": "devTools"
       }
     ],
     "devTools": {
       "preferredBrowser": "Edge"
     }
   }
   

5. Sla het devproxyrc.json bestand op en start Dev Proxy.