Kérelmek és válaszok vizsgálata a Chrome DevTools használatával

Egy pillantással
Cél: Kérések megtekintése a Chrome DevToolsban
Idő: 5 perc
Beépülő modulok:DevToolsPlugin
Előfeltételek:Fejlesztői proxy beállítása

A Dev Proxy alapértelmezés szerint megjeleníti az üzeneteit a parancssorban. Ha a Dev Proxyt olyan alkalmazással használja, amely számos kérést ad ki, nehéz megtalálni azokat az üzeneteket, amelyek érdeklik. Emellett érdemes lehet megvizsgálni a Dev Proxy által lehallgatott kéréseket és válaszokat.

Az önt érdeklő üzenetek könnyebb megtalálásához használja a DevToolsPlugin beépülő modult a Dev Proxy üzenetek megjelenítéséhez a Chrome DevToolsban.

Borravaló

A Dev Proxy támogatja a Chrome DevTools használatát a Microsoft Edge, a Microsoft Edge Dev és a Google Chrome használatával.

A DevToolsPlugin dev proxyüzeneteket, valamint a Chrome DevToolsban lehallgatott kérelmekre és válaszokra vonatkozó információkat tesz elérhetővé.

Képernyőkép a Microsoft Edge-ről a fejlesztői proxyüzeneteket megjelenítő fejlesztői eszközökkel.

Képernyőkép a Microsoft Edge-ről, ahol a fejlesztői eszközök mutatják a Dev Proxy által elfogott kéréseket és válaszokat.

A Dev Proxyval való használathoz a Chrome DevTools-t:

  1. Nyissa meg a dev proxy telepítési könyvtárában tárolt devproxyrc.json fájlt. A parancsot is használhatja devproxy config open .

  2. Engedélyezze a beépülő modult DevToolsPlugin , és adja hozzá a konfigurációs szakaszt devTools . A támogatott preferredBrowser értékek a következők: Edge, EdgeDev, Chrome.

    A teljes devproxyrc.json fájl a következőképpen néz ki:

    Fájl: devproxyrc.json

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

  3. Mentse a devproxyrc.json fájlt, és indítsa el a Dev Proxyt.

Lásd még

  • Last updated on