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

Na pierwszy rzut oka
Cel: Wyświetlenie żądań w narzędziach Chrome DevTools
Czas: 5 minut
Plugins:DevToolsPlugin
Wymagania wstępne:konfigurowanie serwera proxy deweloperskiego

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.

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 DevToolsPlugin wtyczkę i dodaj sekcję konfiguracji devTools. Obsługiwane preferredBrowser wartości to: Edge, , EdgeDevChrome.

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

   Plik: devproxyrc.json

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

3. Zapisz plik devproxyrc.json i uruchom serwer proxy deweloperów.

Zobacz także

• DevToolsPlugin
• Zmienianie poziomu rejestrowania
• Sprawdzanie żądań interfejsu API wystawionych przez usługi w chmurze