Udostępnij za pośrednictwem


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

Domyślnie serwer proxy deweloperów 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 serwer proxy deweloperów.

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

Porada

Serwer proxy deweloperów obsługuje używanie narzędzi Chrome DevTools z przeglądarką Microsoft Edge, Microsoft Edge Dev i Google Chrome.

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

Zrzut ekranu przeglądarki Microsoft Edge z narzędziami deweloperskimi przedstawiającymi komunikaty serwera proxy deweloperów.

Zrzut ekranu przeglądarki Microsoft Edge z narzędziami deweloperskimi przedstawiający żądania i odpowiedzi przechwycone przez serwer proxy deweloperów.

Aby używać narzędzi Chrome DevTools z serwerem proxy deweloperów:

  1. Otwórz plik devproxyrc.json przechowywany w katalogu instalacyjnym serwera dev Proxy.

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

    {
      "name": "DevToolsPlugin",
      "enabled": true,
      "pluginPath": "~appFolder/plugins/dev-proxy-plugins.dll",
      "configSection": "devTools"
    }
    
  3. Dodaj sekcję i określ preferowaną devTools przeglądarkę:

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

    Porada

    Obsługiwane wartości to: Edge, , EdgeDevChrome

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

    {
      "plugins": [
        {
          "name": "DevToolsPlugin",
          "enabled": true,
          "pluginPath": "~appFolder/plugins/dev-proxy-plugins.dll",
          "configSection": "devTools"
        }
      ],
      "devTools": {
        "preferredBrowser": "Edge"
      }
    }
    
  5. devproxyrc.json Zapisz plik i uruchom serwer proxy deweloperów.