Olá, como podemos te ajudar?

  1. Senior
  2. RONDA SENIOR
  3. Ronda Senior X | Cadastros

GRS X - DevTools - Como coletar logs de rede (HAR) e console do navegador

Jonathan Court
  • Atualizado

Dúvida

Como gerar o arquivo HAR (Log de Rede) e o Log do Console no navegador para que a equipe de Suporte possa analisar falhas de comunicação, lentidão ou incidentes de sistema no Ronda X ou Web 5.0?

 

Solução

Importante: Para diagnosticar falhas complexas de comunicação entre o navegador e o servidor, é necessário capturar o tráfego de dados no momento exato do incidente. O arquivo HAR funciona como uma "caixa preta", gravando todas as requisições (Payloads) e respostas do sistema.
 
Siga este procedimento no Google Chrome ou Microsoft Edge:
 
1. Prepare o Ambiente;

1.1. Na tela onde o problema ocorre, pressione a tecla F12 do teclado (ou clique com botão direito na página / Inspecionar);

1.2. Na janela de ferramentas que abrir, clique na aba Network (Rede);

1.3. Marque a caixa de seleção Preserve log (ou Preservar log). Isso garante que o histórico não seja apagado se a página recarregar;

1.4. Certifique-se de que o botão de gravação (círculo vermelho 🔴 ou cinza) no canto superior esquerdo da aba Network está ativo (Vermelho = Gravando);

2. Reproduza o incidente;

2.1. Mantenha a janela do F12 aberta;

2.2. Realize exatamente a ação que gera o incidente (clique no botão, carregue a tela, salve o registro, etc.);

2.3. Aguarde a mensagem aparecer na tela ou o processo falhe. Verá diversas linhas aparecendo na aba Network;
3. Salvar as Evidências;

3.1. Log de Rede (HAR);

3.1.1. Na lista de requisições da aba Network, clique com o botão direito sobre qualquer uma das linhas (nomes de arquivos);

3.1.2. Selecione a opção Save all as HAR with content (Salvar tudo como HAR com conteúdo);

3.1.3. Salve o arquivo .har em uma pasta de fácil acesso no seu computador;

3.2. Log do Console;

3.2.1. Clique na aba Console (geralmente ao lado da aba Network);

3.2.2. Se houver textos em vermelho, clique com o botão direito em qualquer lugar do log;

3.2.3. Selecione Save as... e salve o arquivo de log (.log);

4. Envio para Análise;

4.1. Compacte o arquivo (formato .ZIP);

4.2. Anexe o arquivo compactado ao seu ticket de suporte;