Objetivo: Este artigo tem como objetivo, explicar o passo a passo em casos de necessidade de coletar o F12 quando solicitado pelo suporte.
Cenário:
- Ambiente: WEB
- Módulo: Plataforma
- Perfil do usuário impactado: Administrador/Colaborador ou Viajante/Aprovador/Solicitante
- Perfil do usuário apto para solucionar: Administrador/Colaborador ou Viajante/Aprovador/Solicitante
Para que a equipe de suporte e o time de desenvolvimento realizem uma análise detalhada do problema, é fundamental extrair e enviar os logs do navegador (DevTools). Siga o passo a passo abaixo para coletar e exportar essas informações corretamente.
1. Preparação do Ambiente
- Acesse a tela do sistema onde o erro costuma acontecer.
- Pressione a tecla F12 no teclado para abrir as ferramentas de desenvolvedor (DevTools) do seu navegador.
2. Captura dos Logs (Console e Rede)
- Com o DevTools aberto, acesse a aba Network (Rede).
- Execute a ação exata que gera a mensagem de erro na tela.
- Aviso importante: Mantenha o painel do DevTools aberto e visível durante todo o processo. Não o minimize para não interromper a captura dos dados.
3. Exportação dos Arquivos e Evidências
- Logs do Console: Clique na aba Console, clique com o botão direito sobre os registros gerados e selecione a opção para salvar ou copiar as informações.
- Logs de Rede (.HAR): Na aba Network, clique com o botão direito sobre a lista de requisições e selecione a opção "Save as HAR with content" para exportar o arquivo de rede.
- Capturas de Tela: Se o erro possuir elementos visuais ou mensagens em pop-ups, tire prints da tela cheia (incluindo o erro e o painel do DevTools).
4. Encaminhamento ao Suporte
Abra o chamado ou responda à equipe técnica anexando os arquivos coletados (Logs do Console, arquivo .HAR e prints) e inclua os seguintes dados contextuais:
- Navegador utilizado e sua versão (Exemplo: Chrome 115).
- Data e hora exata em que o erro foi reproduzido.
- Descrição breve do comportamento inesperado do sistema.
ℹ️ Informações importantes:
Mantenha o DevTools aberto durante toda a reprodução do erro.
Não minimize o DevTools, pois isso pode interromper a captura.
Se o erro for visual, inclua screenshots da tela e do DevTools