Inspecionar solicitações e respostas usando o Chrome DevTools

De relance
Objetivo: Ver pedidos no Chrome DevTools
Tempo: 5 minutos
Plugins:DevToolsPlugin
Pré-requisitos:Configurar o Proxy de Desenvolvimento

Por padrão, o Dev Proxy exibe suas mensagens no prompt de comando. Se você usa o Dev Proxy com um aplicativo que emite muitas solicitações, é difícil encontrar as mensagens em que está interessado. Além disso, convém inspecionar as solicitações e respostas intercetadas pelo Dev Proxy.

Para facilitar a localização das mensagens em que está interessado, utilize o plug-in DevToolsPlugin para apresentar mensagens de Proxy de Desenvolvimento no Chrome DevTools.

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

Para usar o Chrome DevTools com o Dev Proxy:

1. Abra o arquivo devproxyrc.json armazenado no diretório de instalação do Dev Proxy. Você também pode usar o devproxy config open comando.

2. Ativa o plugin DevToolsPlugin e adiciona a secção de configuração devTools. Os valores suportados preferredBrowser são: Edge, EdgeDev, Chrome.

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

   Ficheiro: 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. Salve o arquivo devproxyrc.json e inicie o Dev Proxy.

Consulte também

• DevToolsPlugin
• Alterar nível de registo
• Inspecionar pedidos de API emitidos por serviços cloud