Inspecionar solicitações e respostas usando o Chrome DevTools

Por padrão, o Proxy de Desenvolvimento exibe suas mensagens no prompt de comando. Se você usar o Proxy de Desenvolvimento com um aplicativo que emite muitas solicitações, é difícil encontrar as mensagens nas quais você está interessado. Além disso, talvez você queira inspecionar as solicitações e respostas interceptadas pelo Proxy de Desenvolvimento.

Para facilitar a localização das mensagens em que você está interessado, use o DevToolsPlugin plugin para exibir mensagens Dev Proxy no Chrome DevTools.

O DevToolsPlugin expõe mensagens do Dev Proxy e informações sobre solicitações e respostas interceptadas no Chrome DevTools.

Para usar o Chrome DevTools com o Proxy de Desenvolvimento:

1. Abra o arquivo devproxyrc.json armazenado no diretório de instalação do Proxy de Desenvolvimento. Use também o comando devproxy config open.

2. Habilite o DevToolsPlugin plug-in adicionando o seguinte fragmento à plugins matriz:

   {
     "name": "DevToolsPlugin",
     "enabled": true,
     "pluginPath": "~appFolder/plugins/DevProxy.Plugins.dll",
     "configSection": "devTools"
   }
   

3. Adicione a devTools seção e especifique seu navegador preferencial:

   "devTools": {
     "$schema": "https://raw.githubusercontent.com/dotnet/dev-proxy/main/schemas/v1.0.0/devtoolsplugin.schema.json",
     "preferredBrowser": "Edge"
   }
   

   Dica

   Os valores com suporte são: Edge, , EdgeDevChrome

4. O arquivo completo devproxyrc.json tem a seguinte aparência:

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

5. Salve o arquivo devproxyrc.json e inicie o Dev Proxy.