Freigeben über

Überprüfen von Anforderungen und Antworten mithilfe von Chrome DevTools

Auf einen Blick
Ziel: Anzeigen von Anforderungen in Chrome DevTools
Zeit: 5 Minuten
Plugins:DevToolsPlugin
Voraussetzungen:Einrichten des Dev-Proxys

Standardmäßig zeigt Dev Proxy seine Nachrichten an der Eingabeaufforderung an. Wenn Sie Dev Proxy mit einer Anwendung verwenden, die viele Anforderungen ausgibt, ist es schwierig, die nachrichten zu finden, an denen Sie interessiert sind. Darüber hinaus sollten Sie die von Dev Proxy abgefangenen Anforderungen und Antworten überprüfen.

Um die gewünschten Nachrichten leichter zu finden, verwenden Sie das DevToolsPlugin Plug-In, um Dev Proxy-Nachrichten in Chrome DevTools anzuzeigen.

Tipp

Dev Proxy unterstützt die Verwendung von Chrome DevTools mit Microsoft Edge, Microsoft Edge Dev und Google Chrome.

DevToolsPlugin macht Dev Proxy-Nachrichten und Informationen zu abgefangenen Anforderungen und Antworten in Chrome DevTools verfügbar.

Screenshot von Microsoft Edge mit Entwicklungstools mit Dev Proxy-Nachrichten.

Screenshot von Microsoft Edge mit Dev-Tools mit Anforderungen und Antworten, die von Dev Proxy abgefangen wurden.

So verwenden Sie Chrome DevTools mit Dev Proxy:

  1. Öffnen Sie die devproxyrc.json Datei, die in Ihrem Dev Proxy-Installationsverzeichnis gespeichert ist. Du kannst auch den Befehl devproxy config open verwenden.

  2. Aktivieren Sie das DevToolsPlugin Plug-In, und fügen Sie den devTools Konfigurationsabschnitt hinzu. Unterstützte preferredBrowser Werte sind: Edge, EdgeDev, Chrome.

    Die vollständige devproxyrc.json Datei sieht wie folgt aus:

    Datei: 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. Speichern Sie die devproxyrc.json Datei, und starten Sie Dev Proxy.

Siehe auch

  • Last updated on