Kontrola požadavků a odpovědí pomocí Nástrojů pro Chrome DevTools

Na první pohled
Cílem: Zobrazení požadavků v Prohlížeči Chrome DevTools
Čas: 5 minut
Pluginy:DevToolsPlugin
Požadavky:Nastavení dev proxy serveru

Dev Proxy ve výchozím nastavení zobrazuje své zprávy na příkazovém řádku. Pokud používáte Dev Proxy s aplikací, která vydává mnoho požadavků, je obtížné najít zprávy, které vás zajímají. Kromě toho můžete chtít zkontrolovat požadavky a odpovědi zachycené dev proxy serverem.

Pokud chcete usnadnit vyhledání zpráv, které vás zajímají, použijte modul plug-in DevToolsPlugin k zobrazení zpráv dev proxy v Prohlížeči Chrome DevTools.

Spropitné

Dev Proxy podporuje použití Chrome DevTools s Microsoft Edge, Microsoft Edge Dev a Google Chrome.

DevToolsPlugin zveřejňuje zprávy dev proxy serveru a informace o zachycených požadavcích a odpovědích v nástroji DevTools pro Chrome.

snímek obrazovky Microsoft Edge s vývojářovými nástroji zobrazujícími zprávy dev proxy serveru

snímek obrazovky Microsoft Edge s vývojářovými nástroji zobrazující požadavky a odpovědi zachycené dev proxy serverem

Použití nástroje DevTools pro Chrome s dev proxy serverem:

  1. Otevřete soubor devproxyrc.json uložený v instalačním adresáři dev Proxy. Můžete také použít devproxy config open příkaz.

  2. Povolte plug-in DevToolsPlugin a přidejte devTools konfigurační sekci. Podporované preferredBrowser hodnoty jsou: Edge, EdgeDev, Chrome.

    Úplný soubor devproxyrc.json vypadá takto:

    Soubor: devproxyrc.json

    {
      "$schema": "https://raw.githubusercontent.com/dotnet/dev-proxy/main/schemas/v2.3.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.3.0/devtoolsplugin.schema.json",
        "preferredBrowser": "Edge"
      }
    }
    
  3. Uložte soubor devproxyrc.json a spusťte Dev Proxy.

Viz také