Sprawdzanie żądań i odpowiedzi przy użyciu narzędzia Chrome DevTools

Domyślnie Dev Proxy wyświetla komunikaty w wierszu polecenia. Jeśli używasz serwera proxy deweloperów z aplikacją, która wysyła wiele żądań, trudno jest znaleźć interesujące Cię komunikaty. Co więcej, możesz chcieć sprawdzić żądania i odpowiedzi przechwycone przez Dev Proxy.

Aby ułatwić znajdowanie zainteresowanych wiadomości, użyj wtyczki DevToolsPlugin, aby wyświetlić komunikaty serwera proxy deweloperów w narzędziu Chrome DevTools.

Napiwek

Proxy deweloperski obsługuje korzystanie z narzędzi Chrome DevTools z przeglądarkami Microsoft Edge, Microsoft Edge Dev i Google Chrome.

DevToolsPlugin uwidacznia komunikaty serwera proxy deweloperów oraz informacje o przechwyconych żądaniach i odpowiedziach w narzędziu Chrome DevTools.

Aby użyć narzędzia Chrome DevTools z serwerem proxy deweloperów:

1. Otwórz plik devproxyrc.json przechowywany w katalogu instalacyjnym serwera proxy dev. Możesz również użyć devproxy config open polecenia .

2. Włącz wtyczkę DevToolsPlugin, dodając następujący fragment do tablicy plugins:

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

3. Dodaj sekcję devTools i określ preferowaną przeglądarkę:

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

   Napiwek

   Obsługiwane wartości to: Edge, EdgeDev, Chrome

4. Pełny plik devproxyrc.json wygląda następująco:

   {
     "$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. Zapisz plik devproxyrc.json i uruchom serwer proxy deweloperów.