Visualizador de HAR Online
Abra um arquivo .har e inspecione cada requisição, cabeçalho, tempo e resposta no seu navegador. A captura nunca sai do seu dispositivo.
O Visualizador de HAR analisa seu .har inteiramente no seu navegador. As requisições, cookies, cabeçalhos, tokens e corpos de resposta na captura ficam no seu dispositivo e nunca são enviados à ArrayKit.
Abrir o Visualizador JSON
Sobre Visualizador de HAR
O Visualizador de HAR abre uma captura HTTP Archive (.har) e a transforma em uma lista de requisições legível que você inspeciona em segundos. Arraste um arquivo exportado do DevTools do Chrome, Firefox, Edge ou Safari e cada entrada mostra seu método, URL, status, tipo de recurso, tamanho de transferência e tempo total. Expanda uma linha para ler os cabeçalhos de requisição e resposta, os parâmetros de query-string, um detalhamento de tempo por fase (DNS, conexão, SSL, espera, recebimento), e o corpo da resposta quando a captura embutiu um. Um resumo soma o total de requisições, os bytes transferidos, o tempo total até o fim e um detalhamento de códigos de status para você identificar falhas e chamadas lentas de relance. Como arquivos HAR muitas vezes contêm cookies, cabeçalhos de autenticação e tokens, nada é enviado — o arquivo é analisado e renderizado inteiramente no seu dispositivo.
Recursos
- Arraste ou abra um arquivo .har e veja cada requisição como uma lista percorrível
- Método, URL, status, tipo de recurso, tamanho de transferência e tempo total por entrada
- Expanda qualquer requisição para ver seus cabeçalhos de requisição e resposta
- Detalhamento de tempo por fase: bloqueado, DNS, conexão, SSL, espera e recebimento
- Prévia do corpo da resposta para entradas que embutiram o conteúdo
- Resumo do total de requisições, bytes transferidos, tempo até o fim e códigos de status
- Filtre só respostas de erro 4xx e 5xx para triar falhas rápido
- Lida com capturas do DevTools do Chrome, Firefox, Edge e Safari
Como usar Visualizador de HAR
- No DevTools do seu navegador, abra o painel Network e exporte um arquivo .har
- Arraste o .har aqui ou clique em Abrir .har (ou cole o JSON do HAR)
- Percorra a lista de requisições e confira o resumo em busca de erros e chamadas lentas
- Clique em uma linha para inspecionar seus cabeçalhos, parâmetros de query, tempos e resposta
- Use o filtro de Erros para pular direto às respostas 4xx e 5xx
Exemplo
Entrada
{ "log": { "entries": [ { "request": { "method": "GET", "url": "https://api.example.com/v1/users" }, "response": { "status": 200, "content": { "mimeType": "application/json", "size": 2048 } }, "time": 120 } ] } }
Saída
GET 200 api.example.com/v1/users json 2.00 KB 120 ms
Uma entrada HAR renderizada como uma linha de requisição com tipo, tamanho e tempo.
Erros comuns e solução de problemas
- O arquivo carrega mas mostra 'Not a HAR file'. — Garanta que você exportou um HAR (um HTTP Archive com um array log.entries de nível superior), não uma resposta JSON simples ou uma captura de tela. Reexporte do painel Network do DevTools.
- Os tamanhos aparecem como 0 B para várias requisições. — Alguns navegadores registram bodySize como -1 (desconhecido) para respostas em cache ou por streaming. O visualizador recorre a content.size quando pode, mas um tamanho realmente ausente fica em 0.
- A aba de Resposta diz que nenhum corpo foi capturado. — Corpos de resposta são opcionais em um HAR. Reexporte com 'Incluir corpos de resposta' ou a opção equivalente do navegador para que o texto do conteúdo seja embutido.
- Os tempos parecem incompletos ou toda fase está vazia. — Fases registradas como -1 são marcadas como 'não aplicável' e ocultadas. Entradas em cache, bloqueadas ou de preflight muitas vezes omitem DNS/conexão/SSL, então só as fases que realmente ocorreram aparecem.
Perguntas frequentes
- O que é um arquivo HAR?
- Um arquivo HAR (HTTP Archive) é um registro JSON da atividade de rede que um navegador gravou para uma página. Ele armazena cada requisição e resposta — método, URL, cabeçalhos, cookies, tempos e opcionalmente o corpo — dentro de um array log.entries, para que ferramentas possam reproduzir e analisar a sessão.
- Como exporto um HAR do meu navegador?
- Abra o DevTools (F12), vá ao painel Network, reproduza a atividade, depois clique com o botão direito em uma requisição e escolha 'Save all as HAR' (Chrome/Edge) ou use o ícone de download/exportação no Firefox e Safari. Carregue esse .har aqui para inspecioná-lo.
- O visualizador mostra os corpos de requisição e resposta?
- Ele mostra o corpo da resposta quando o HAR o embutiu sob content.text; muitas capturas omitem corpos para manter o arquivo pequeno. Cabeçalhos de requisição, parâmetros de query-string e cabeçalhos de resposta são sempre mostrados quando presentes.
- O que significam as fases de tempo?
- Cada entrada divide seu tempo total em fases: bloqueado (fila), consulta DNS, conexão (TCP), SSL (handshake TLS), envio (upload), espera (tempo de processamento do servidor / TTFB) e recebimento (download). Fases que o navegador não registrou são marcadas como não aplicáveis e ocultadas.
- Ele consegue lidar com um HAR grande com centenas de requisições?
- Sim. O arquivo inteiro é analisado no seu navegador e cada requisição vira uma linha recolhível, então uma captura grande continua percorrível. Use o filtro de Erros para pular direto às respostas 4xx e 5xx que estão falhando.
- Os cookies e cabeçalhos de autenticação no meu HAR são mantidos privados?
- Sim. Arquivos HAR muitas vezes contêm cookies, cabeçalhos Authorization e tokens, então o visualizador analisa e renderiza o arquivo inteiramente no seu dispositivo. Nada da captura é enviado à ArrayKit.
Ferramentas relacionadas
Todas as ferramentas de ArrayKit