DevToolsPlugin

Exponerar Dev Proxy-meddelanden och information om avlyssnade begäranden och svar i Chrome DevTools. Stöder både HTTP-begäranden och STDIO-kommunikation.

Skärmbild av Microsoft Edge med utvecklingsverktyg som visar Dev Proxy-meddelanden.

Skärmbild av Microsoft Edge med utvecklingsverktyg som visar begäranden och svar som fångas upp av Dev Proxy.

Konfigurationsexempel

{
  "$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"
  }
}

Konfigurationsegenskaper

Egenskap Beskrivning Standard
preferredBrowser Vilken webbläsare som ska användas för att starta Dev Tools. Värden som stöds: Edge, EdgeDev, Chrome Edge
port Port där plugin-programmet lyssnar efter DevTools-anslutningar. 0 väljer en slumpmässig tillgänglig port. Använd en fast port när du behöver publicera den, till exempel när du kör Dev Proxy i en container 0
launchBrowser Om webbläsaren ska startas med Dev Tools. När falsestartar plugin-programmet inte en webbläsare och loggar dev tools-URL:en i stället, som du öppnar i Microsoft Edge eller Google Chrome själv true

Kommandoradsalternativ

Ingen

Remarks

Plugin-programmet lyssnar efter Dev Tools-anslutningar på DEN IP-adress som Dev Proxy använder, som du anger med alternativet --ip-address . När du ställer in det på 0.0.0.0 eller ::lyssnar plugin-programmet på alla gränssnitt och Dev Tools-URL:en pekar 127.0.0.1på . Vid Windows kräver lyssnandet på alla gränssnitt administratörsrättigheter eller en URL-ACL. Om plugin-programmet inte kan lyssna på alla gränssnitt lyssnar det i 127.0.0.1 stället, så du kan bara ansluta Dev Tools från samma dator.

För att skydda avlyssnad trafik accepterar plugin-programmet endast Dev Tools-anslutningar som:

  • använd den URL som Dev Proxy startar eller loggar. URL:en innehåller en slumpmässig token som Dev Proxy genererar varje gång den startas.
  • kommer från Chrome DevTools-klientdelen, antingen devtools://devtools, http://localhost:9222eller http://127.0.0.1:9222.

Plugin-programmet avvisar andra anslutningar med 403 Forbidden och loggar en varning.

Om du vill använda plugin-programmet när Dev Proxy körs i en container, en utvecklingscontainer eller GitHub Codespaces anger du port till en fast port, anger launchBrowser till falseoch publicerar eller vidarebefordrar porten till datorn. Mer information finns i Granska begäranden när Dev Proxy körs i en container.

Kända problem

Dev Tools öppnas inte i Microsoft Edge i Windows

Du använder Dev Proxy i Windows och konfigurerar den så att den använder Microsoft Edge för att visa Dev Tools. När du har startat Dev Proxy startas inspektören, men Dev Tools öppnas inte eller så öppnas de tomma.

Så här åtgärdar du problemet:

  1. Öppna Microsoft Edge
  2. Gå till Inställningar
  3. Öppna System och prestanda
  4. Inaktivera startökning
  5. Stäng alla Microsoft Edge-fönster och processer
  6. Starta Dev Proxy

STDIO-stöd

När du använder DevToolsPlugin med stdio kommandot kan du granska STDIN/STDOUT/STDERR-kommunikationen i Chrome DevTools:

  • Meddelanden visas med stdio://command-name URL:er
  • Begäranden visas som STDIN metod
  • Svaren visas som STDOUT (200 status) eller STDERR (500 status)
  • Meddelandekroppar formateras som JSON när det är tillämpligt
  • Tidsinformation är tillgänglig för varje begäran/svar-par

Konfigurationsexempel 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"
  }
}

Kör sedan:

devproxy stdio npx -y @modelcontextprotocol/server-filesystem

Nästa steg