DevToolsPlugin

Mengekspos pesan Proksi Dev, dan informasi tentang permintaan dan respons yang dicegat di Chrome DevTools. Mendukung permintaan HTTP dan komunikasi STDIO.

Contoh konfigurasi

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

Properti konfigurasi

Harta benda	Deskripsi	Bawaan
preferredBrowser	Browser mana yang akan digunakan untuk meluncurkan Dev Tools. Nilai yang didukung: Edge, EdgeDev, Chrome	Edge
port	Port tempat plugin mendengarkan koneksi DevTools. 0 memilih port acak yang tersedia. Gunakan port tetap saat Anda perlu menerbitkannya, misalnya, saat Anda menjalankan Dev Proxy dalam kontainer	0
launchBrowser	Apakah akan meluncurkan browser dengan Dev Tools. Ketika false, plugin tidak meluncurkan browser dan mencatat URL Dev Tools sebagai gantinya, yang Anda buka di Microsoft Edge atau Google Chrome sendiri	true

Opsi baris perintah

Tidak

Keterangan

Plugin mendengarkan koneksi Dev Tools pada alamat IP yang digunakan Dev Proxy, yang Anda atur menggunakan --ip-address opsi . Ketika Anda mengaturnya ke 0.0.0.0 atau ::, plugin mendengarkan di semua antarmuka dan URL Dev Tools menunjuk ke 127.0.0.1. Pada Windows, mendengarkan di semua antarmuka memerlukan hak admin atau URL ACL. Jika plugin tidak dapat mendengarkan semua antarmuka, plugin mendengarkan 127.0.0.1 sebagai gantinya, sehingga Anda hanya dapat menghubungkan Dev Tools dari komputer yang sama.

Untuk melindungi lalu lintas yang dicegat, plugin hanya menerima koneksi Dev Tools yang:

• gunakan URL yang diluncurkan atau log Dev Proxy. URL berisi token acak yang dihasilkan Dev Proxy setiap kali dimulai.
• berasal dari frontend Chrome DevTools, baik devtools://devtools, , http://localhost:9222atau http://127.0.0.1:9222.

Plugin menolak koneksi lain dengan 403 Forbidden dan mencatat peringatan.

Untuk menggunakan plugin saat Dev Proxy berjalan dalam kontainer, kontainer dev, atau GitHub Codespaces, atur port ke port tetap, atur launchBrowser ke false, dan terbitkan atau teruskan port ke komputer Anda. Untuk informasi selengkapnya, lihat Memeriksa permintaan saat Dev Proxy berjalan dalam kontainer.

Masalah yang diketahui

Dev Tools tidak terbuka di Microsoft Edge di Windows

Anda menggunakan Dev Proxy di Windows dan mengonfigurasinya untuk menggunakan Microsoft Edge untuk menampilkan Dev Tools. Setelah Anda memulai Dev Proxy, ia memulai inspektur tetapi Dev Tools tidak terbuka atau terbuka kosong.

Untuk memperbaiki masalah ini:

1. Buka Microsoft Edge
2. Buka Pengaturan
3. Membuka Sistem dan performa
4. Nonaktifkan peningkatan Startup
5. Tutup semua jendela dan proses Microsoft Edge
6. Mulai Proksi Dev

Dukungan STDIO

Saat menggunakan DevToolsPlugin dengan stdio perintah , Anda dapat memeriksa komunikasi STDIN/STDOUT/STDERR di Chrome DevTools:

• Pesan muncul dengan stdio://command-name URL
• Permintaan ditampilkan sebagai STDIN metode
• Respons ditampilkan sebagai STDOUT (status 200) atau STDERR (status 500)
• Badan pesan diformat sebagai JSON jika berlaku
• Informasi waktu tersedia untuk setiap pasangan permintaan/respons

Contoh konfigurasi untuk 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"
  }
}

Kemudian jalankan:

devproxy stdio npx -y @modelcontextprotocol/server-filesystem

Langkah selanjutnya

Memeriksa permintaan dan respons menggunakan Chrome DevTools