DevToolsPlugin

Macht Dev Proxy-Nachrichten und Informationen zu abgefangenen Anforderungen und Antworten in Chrome DevTools verfügbar. Unterstützt sowohl HTTP-Anforderungen als auch STDIO-Kommunikation.

Konfigurationsbeispiel

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

Konfigurationseigenschaften

Eigentum	Beschreibung	Vorgabe
preferredBrowser	Welcher Browser zum Starten von Dev Tools verwendet werden soll. Unterstützte Werte: Edge, EdgeDev, Chrome	Edge
port	Port, auf dem das Plug-In auf DevTools-Verbindungen lauscht. 0 wählt einen zufällig verfügbaren Port aus. Verwenden Sie einen festen Port, wenn Sie ihn veröffentlichen müssen, z. B. wenn Sie Dev Proxy in einem Container ausführen.	0
launchBrowser	Gibt an, ob der Browser mit Dev Tools gestartet werden soll. Wenn falsedas Plug-In keinen Browser startet und stattdessen die Dev Tools-URL protokolliert, die Sie in Microsoft Edge oder Google Chrome selbst öffnen	true

Befehlszeilenoptionen

Nichts

Bemerkungen

Das Plug-In lauscht auf Dev Tools-Verbindungen auf der IP-Adresse, die Dev Proxy verwendet, die Sie mit der --ip-address Option festgelegt haben. Wenn Sie es 0.0.0.0 auf oder ::festlegen, lauscht das Plug-In auf alle Schnittstellen und die Dev Tools-URL verweist auf 127.0.0.1. Bei Windows erfordert das Überwachen aller Schnittstellen Administratorrechte oder eine URL-ACL. Wenn das Plug-In nicht auf alle Schnittstellen lauschen kann, lauscht es stattdessen 127.0.0.1 , sodass Sie Dev Tools nur von demselben Computer aus verbinden können.

Um abgefangenen Datenverkehr zu schützen, akzeptiert das Plug-In nur Dev Tools-Verbindungen, die:

• verwenden Sie die URL, die Dev Proxy startet oder protokolliert. Die URL enthält ein zufälliges Token, das Dev Proxy jedes Mal generiert, wenn es gestartet wird.
• stammen aus dem Chrome DevTools-Frontend, entweder devtools://devtools, , http://localhost:9222oder http://127.0.0.1:9222.

Das Plug-In lehnt andere Verbindungen ab 403 Forbidden und protokolliert eine Warnung.

Wenn Sie das Plug-In verwenden möchten, wenn Dev Proxy in einem Container, einem Entwicklercontainer oder GitHub Codespaces ausgeführt wird, legen Sie port diesen auf einen festen Port fest, legen Sie launchBrowserfalsediesen fest, und veröffentlichen oder weiterleiten Sie den Port an Ihren Computer. Weitere Informationen finden Sie unter Inspect requests when Dev Proxy runs in a container.

Bekannte Probleme

Dev Tools werden in Microsoft Edge unter Windows nicht geöffnet

Sie verwenden Dev Proxy unter Windows und konfigurieren es für die Verwendung von Microsoft Edge zum Anzeigen von Dev Tools. Nachdem Sie Dev Proxy gestartet haben, wird der Inspektor gestartet, aber Dev Tools werden nicht geöffnet oder leer geöffnet.

So beheben Sie dieses Problem:

1. Öffnen von Microsoft Edge
2. Wechseln sie zu Einstellungen
3. Öffnen System- und Leistungs-
4. Deaktivieren Startupup-
5. Schließen aller Microsoft Edge-Fenster und -Prozesse
6. Dev Proxy starten

STDIO-Unterstützung

Wenn Sie devToolsPlugin mit dem stdio Befehl verwenden, können Sie die STDIN/STDOUT/STDERR-Kommunikation in Chrome DevTools prüfen:

• Nachrichten werden mit stdio://command-name URLs angezeigt
• Anforderungen werden als STDIN Methode angezeigt
• Antworten werden als STDOUT (200 Status) oder STDERR (500 Status) angezeigt.
• Nachrichtentexte werden bei Bedarf als JSON formatiert.
• Anzeigedauerinformationen sind für jedes Anforderungs-/Antwortpaar verfügbar.

Konfigurationsbeispiel für STDIO

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

Führen Sie dann Folgendes aus:

devproxy stdio npx -y @modelcontextprotocol/server-filesystem

Nächster Schritt

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