Sdílet prostřednictvím

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

  • Článek

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í. Navíc můžete chtít zkontrolovat požadavky a odpovědi zachycené vývojovým proxy serverem.

Pokud si chcete usnadnit hledání zpráv, které vás zajímají, použijte modul plug-in k zobrazení zpráv vývojového DevToolsPlugin proxy serveru v Chrome DevTools.

Tip

Dev Proxy podporuje používání nástrojů Chrome DevTools s Microsoft Edgem, Microsoft Edge Dev a Google Chromem.

Zpřístupňuje DevToolsPlugin zprávy proxy pro vývojáře a informace o zachycených požadavcích a odpovědích v Chrome DevTools.

Snímek obrazovky aplikace Microsoft Edge s vývojářských nástroji zobrazující zprávy vývojového proxy serveru

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

Použití nástrojů Chrome DevTools s vývojovým proxy serverem:

  1. Otevřete soubor devproxyrc.json uložený v instalačním adresáři dev proxy.

  2. Povolte modul plug-in DevToolsPlugin přidáním následujícího fragmentu plugins do pole:

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

  3. Přidejte oddíl devTools a zadejte upřednostňovaný prohlížeč:

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

    Tip

    Podporované hodnoty jsou: Edge, EdgeDev, Chrome

  4. Kompletní devproxyrc.json soubor vypadá takto:

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

  5. devproxyrc.json Uložte soubor a spusťte proxy vývoj.