Aracılığıyla paylaş

Chrome DevTools kullanarak istekleri ve yanıtları inceleme

Bir bakışta
Hedef: Chrome Geliştirici Araçları'nda istekleri görüntüleme
Süre: 5 dakika
Eklentiler:DevToolsPlugin
Önkoşullar:Geliştirme Ara Sunucusunu Ayarlama

Varsayılan olarak, Dev Proxy iletileri komut isteminde görüntüler. Dev Proxy'yi birçok istekte bulunan bir uygulamayla kullanıyorsanız, ilgilendiğiniz iletileri bulmak zordur. Dahası, Dev Proxy'nin kesintiye uğrattığı istek ve yanıtları incelemek isteyebilirsiniz.

İlgilendiğiniz iletileri bulmayı kolaylaştırmak için DevToolsPlugin eklentisini kullanarak Chrome DevTools'ta Dev Proxy iletilerini görüntüleyin.

Bahşiş

Dev Proxy, Microsoft Edge, Microsoft Edge Dev ve Google Chrome ile Chrome DevTools'u kullanmayı destekler.

DevToolsPlugin, Dev Proxy iletilerini ve Chrome DevTools'ta kesilen istekler ve yanıtlarla ilgili bilgileri gösterir.

Geliştirme Ara Sunucusu iletilerini gösteren geliştirme araçlarıyla Microsoft Edge'in ekran görüntüsü.

Geliştirme Ara Sunucusu tarafından kesilen istekleri ve yanıtları gösteren geliştirme araçlarıyla Microsoft Edge'in ekran görüntüsü.

Geliştirme Proxy'si ile Chrome DevTools'ı kullanmak için:

  1. Dev Proxy yükleme dizininizde depolanan devproxyrc.json dosyasını açın. Komutunu da kullanabilirsiniz devproxy config open .

  2. Eklentiyi DevToolsPlugin etkinleştirin ve yapılandırma bölümünü ekleyin devTools . Desteklenen preferredBrowser değerler şunlardır: Edge, EdgeDev, Chrome.

    Tam devproxyrc.json dosyası şöyle görünür:

    Dosya: devproxyrc.json

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

  3. devproxyrc.json dosyasını kaydedin ve Dev Proxy'yi başlatın.

Ayrıca bakınız

  • Last updated on