Delen via

Aanvragen en antwoorden inspecteren met Chrome DevTools

In één oogopslag
Doel: Aanvragen weergeven in Chrome DevTools
Tijd: 5 minuten
Plugins:DevToolsPlugin
Vereisten:Dev Proxy instellen

Standaard worden de berichten van Dev Proxy weergegeven in de opdrachtprompt. Als u Dev Proxy gebruikt met een toepassing die veel aanvragen uitgeeft, is het lastig om de berichten te vinden waarin u geïnteresseerd bent. Bovendien wilt u mogelijk de aanvragen en antwoorden inspecteren die worden onderschept door Dev Proxy.

Gebruik de DevToolsPlugin-invoegtoepassing om Dev Proxy-berichten weer te geven in Chrome DevTools, zodat u gemakkelijker de berichten kunt vinden waarin u geïnteresseerd bent.

Fooi

Dev Proxy biedt ondersteuning voor het gebruik van Chrome DevTools met Microsoft Edge, Microsoft Edge Dev en Google Chrome.

De DevToolsPlugin toont Dev Proxy-berichten en informatie over onderschepte aanvragen en antwoorden in Chrome DevTools.

Schermopname van Microsoft Edge met ontwikkelhulpprogramma's met Dev Proxy-berichten.

schermopname van Microsoft Edge met ontwikkelhulpprogramma's met aanvragen en antwoorden die worden onderschept door Dev Proxy.

Chrome DevTools gebruiken met Dev Proxy:

  1. Open het devproxyrc.json-bestand dat is opgeslagen in de installatiemap van de Dev Proxy. U kunt ook de devproxy config open opdracht gebruiken.

  2. Schakel de DevToolsPlugin invoegtoepassing in en voeg de devTools configuratiesectie toe. Ondersteunde preferredBrowser waarden zijn: Edge, EdgeDev, Chrome.

    Het volledige bestand devproxyrc.json ziet er als volgt uit:

    Bestand: 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. Sla het devproxyrc.json bestand op en start Dev Proxy.

Zie ook

  • Last updated on