Memeriksa permintaan dan respons menggunakan Chrome DevTools

Sekilas
Tujuan: Melihat permintaan di Chrome DevTools
Waktu: 5 menit
Plugins:DevToolsPlugin
Prasyarat:Menyiapkan Proksi Dev

Secara default, Dev Proxy menampilkan pesannya di prompt perintah. Jika Anda menggunakan Dev Proxy dengan aplikasi yang mengeluarkan banyak permintaan, sulit untuk menemukan pesan yang Anda minati. Terlebih lagi, Anda mungkin ingin memeriksa permintaan dan respons yang disadap oleh Dev Proxy.

Untuk mempermudah menemukan pesan yang Anda minati, gunakan plugin DevToolsPlugin untuk menampilkan pesan Proksi Dev di Chrome DevTools.

Petunjuk

Dev Proxy mendukung penggunaan Chrome DevTools dengan Microsoft Edge, Microsoft Edge Dev, dan Google Chrome.

DevToolsPlugin mengekspos pesan Dev Proxy, dan informasi tentang permintaan dan respons yang disadap di Chrome DevTools.

Cuplikan layar Microsoft Edge dengan alat dev yang memperlihatkan pesan Dev Proxy.

Cuplikan layar Microsoft Edge dengan alat dev yang menunjukkan permintaan dan respons yang disadap oleh Dev Proxy.

Untuk menggunakan Chrome DevTools dengan Dev Proxy:

  1. Buka file devproxyrc.json yang disimpan di direktori penginstalan Dev Proxy Anda. Anda juga dapat menggunakan perintah devproxy config open.

  2. Aktifkan DevToolsPlugin plugin dan tambahkan bagian devTools konfigurasi. Nilai yang didukung preferredBrowser adalah: Edge, EdgeDev, Chrome.

    File devproxyrc.json lengkap terlihat seperti:

    File: devproxyrc.json

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

  3. Simpan file devproxyrc.json dan mulai Dev Proxy.

Lihat juga

  • Last updated on