Abra, Inspecione e Filtre Registros de Arquivos HTTP no seu Navegador
Oculte tokens de sessão, senhas e cookies com um clique antes de compartilhar seus registros com equipes de suporte. O visualizador HAR do DevBento funciona completamente no seu navegador, com zero carga no servidor. Filtre requisições por categoria, duração, tamanho ou status de erro. Cada requisição recebe um gráfico waterfall mostrando as fases: bloqueado, DNS, conexão, SSL, envio, espera e recebimento.
Características
Visualização Waterfall. Cada requisição é renderizada como uma barra horizontal segmentada por fase de tempo, igual ao Chrome DevTools. Cores são atribuídas a fases específicas: bloqueado (cinza), DNS (azul), conexão (turquesa), SSL (verde mar), envio (verde), espera (âmbar), recebimento (verde brilhante). Passe o mouse sobre qualquer segmento para ver a duração exata em milissegundos.
Filtros Inteligentes. Reduza as requisições com abas de categoria (HTML, CSS, Scripts, Fetch/XHR, Imagens, Fontes, Mídia, Outros), menus suspensos de duração e tamanho, ou os botões de alternar Apenas Erros e Cargas Grandes. A caixa de busca filtra por URL, método ou código de status.
Limpeza com Um Clique. Remove cabeçalhos Authorization, cookies, cabeçalhos set-cookie, chaves de API, senhas e tokens. O resto dos dados HAR (tempos, códigos de status, URLs, estrutura de carga) permanece intacto para depuração.
Exportar HAR Limpo. Baixe o arquivo limpo como JSON HAR válido, pronto para compartilhar com equipes de QA, suporte ou engenharia.
Auditorias de Performance. A ferramenta verifica automaticamente seu arquivo HAR em busca de respostas TTFB lentas (>800ms), recursos de texto sem compressão, cargas grandes (>2MB) e URLs duplicadas. Cada auditoria inclui links para pular diretamente para as requisições afetadas.
Apenas do Lado do Cliente. Seus registros de rede permanecem na sua máquina. Sem carga, sem processamento no servidor, sem upload.
Como Usar
- Abra as Ferramentas do Desenvolvedor do seu navegador (F12), vá para a aba Rede
- Recarregue a página ou interaja com o site para capturar o tráfego de rede
- Clique com o botão direito em qualquer requisição e selecione Salvar tudo como HAR (ou use o botão de exportação na aba Rede)
- Arraste e solte o arquivo .har no visualizador ou clique para navegar e selecionar
- Navegue pelas requisições usando as abas de categoria e filtros. Os detalhes de cada requisição aparecem no painel inferior
- Clique em Limpar Dados para redigir automaticamente tokens de autenticação e cookies do arquivo exportado
- Clique em Exportar para baixar a versão limpa como um novo arquivo .har
Dicas de Performance
Foque nas Requisições Lentas. Use o filtro de duração para isolar requisições acima de 1 segundo. Uma única requisição lenta geralmente não é o problema, mas várias podem indicar contenção no servidor.
Verifique o Bloqueio. Uma alta porcentagem de tempo em blocked na fase DNS ou conexão sugere que o navegador está excedendo conexões simultâneas por domínio. Considere distribuir recursos entre múltiplos domínios ou usar HTTP/2.
Procure por Downloads Grandes. Recursos não compactados (especialmente JSON, HTML ou CSS) aumentam o tempo de carregamento. Confirme que seu servidor está servindo com compressão gzip ou brotli.
Elimine Solicitações Duplicadas. URLs idênticas carregadas múltiplas vezes sugerem problemas de cache. Verifique os cabeçalhos de cache é o comportamento do service worker.