DevToolsプラグイン

Dev Proxy メッセージと、Chrome DevTools でインターセプトされた要求と応答に関する情報を公開します。 HTTP 要求と STDIO 通信の両方をサポートします。

開発ツールが表示された Microsoft Edge のスクリーンショット。開発プロキシ メッセージが表示されています。

開発プロキシによってインターセプトされた要求と応答を示す開発ツールを含む Microsoft Edge のスクリーンショット。

構成の例

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

構成プロパティ

財産 形容 デフォルト
preferredBrowser Dev Tools の起動に使用するブラウザー。 サポートされている値: Edge、EdgeDev、Chrome Edge
port プラグインが DevTools 接続をリッスンするポート。 0 はランダムに使用可能なポートを選択します。 コンテナーで開発プロキシを実行する場合など、発行する必要がある場合に固定ポートを使用する 0
launchBrowser Dev Tools を使用してブラウザーを起動するかどうか。 falseすると、プラグインはブラウザーを起動せず、代わりに Dev Tools URL をログに記録します。代わりに、Microsoft Edgeまたは Google Chrome で自分で開きます。 true

コマンド ライン オプション

何一つ

解説

プラグインは、 --ip-address オプションを使用して設定した、開発プロキシが使用する IP アドレスで Dev Tools 接続をリッスンします。 0.0.0.0または::に設定すると、プラグインはすべてのインターフェイスをリッスンし、Dev Tools URL は127.0.0.1を指します。 Windowsでは、すべてのインターフェイスでリッスンするには管理者権限または URL ACL が必要です。 プラグインがすべてのインターフェイスでリッスンできない場合は、代わりに 127.0.0.1 でリッスンするため、同じコンピューターから Dev Tools のみを接続できます。

インターセプトされたトラフィックを保護するために、プラグインは次の Dev Tools 接続のみを受け入れます。

  • は、Dev Proxy が起動またはログに記録する URL を使用します。 URL には、開発プロキシが起動するたびに生成するランダム なトークンが含まれています。
  • は、 devtools://devtools、 http://localhost:9222、または http://127.0.0.1:9222の Chrome DevTools フロントエンドから取得されます。

プラグインは、 403 Forbidden との他の接続を拒否し、警告をログに記録します。

Dev Proxy をコンテナー、開発コンテナー、または Codespaces GitHubで実行するときにプラグインを使用するには、portを固定ポートに設定し、launchBrowserをfalseに設定し、ポートを発行またはコンピューターに転送します。 詳細については、「 Dev Proxy がコンテナーで実行されたときに要求を検査する」を参照してください。

既知の問題

Windows 上の Microsoft Edge で Dev Tools が開かない

Windows では開発プロキシを使用し、Microsoft Edge を使用して開発ツールを表示するように構成します。 開発プロキシを起動すると、インスペクターが起動しますが、Dev Tools は開かないか、空で開きます。

この問題を解決するには:

  1. Microsoft Edge を開く
  2. [設定] に移動する
  3. システムとパフォーマンスの を開く
  4. スタートアップ ブースト を無効にする
  5. すべての Microsoft Edge ウィンドウとプロセスを閉じる
  6. 開発プロキシを起動する

STDIO のサポート

stdio コマンドで DevToolsPlugin を使用する場合は、Chrome DevTools で STDIN/STDOUT/STDERR 通信を調べることができます。

  • stdio://command-name URL と共にメッセージが表示される
  • 要求は STDIN メソッドとして表示されます
  • 応答は、 STDOUT (200 状態) または STDERR (500 状態) として表示されます
  • メッセージ本文は、必要に応じて JSON として書式設定されます
  • 各要求/応答ペアのタイミング情報を使用できます

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

次に、以下を実行します。

devproxy stdio npx -y @modelcontextprotocol/server-filesystem

次のステップ

Chrome DevTools を使用して要求と応答を検査する

  • 最終更新: