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

Standardmäßig zeigt Dev Proxy seine Meldungen an der Eingabeaufforderung an. Wenn Sie den Dev Proxy mit einer Anwendung verwenden, die viele Anforderungen ausgibt, ist es schwierig, die nachrichten zu finden, die Sie interessieren. Darüber hinaus sollten Sie die Anforderungen und Antworten überprüfen, die vom Dev-Proxy abgefangen wurden.

Um das Auffinden der gewünschten Nachrichten zu erleichtern, verwenden Sie das DevToolsPlugin Plug-In, um Dev Proxy-Nachrichten in Chrome DevTools anzuzeigen.

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

So verwenden Sie Chrome DevTools mit Dev Proxy:

1. Öffnen Sie die devproxyrc.json-Datei , die in Ihrem Dev Proxy-Installationsverzeichnis gespeichert ist.

2. Aktivieren Sie das DevToolsPlugin Plug-In, indem Sie dem Array das plugins folgende Fragment hinzufügen:

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

3. Fügen Sie den Abschnitt hinzu devTools , und geben Sie Ihren bevorzugten Browser an:

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

   Tipp

   Unterstützte Werte sind: Edge, EdgeDev, Chrome

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

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

5. Speichern Sie die devproxyrc.json Datei, und starten Sie den Dev Proxy.