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

Como usar Visualizador de HAR

  1. No DevTools do seu navegador, abra o painel Network e exporte um arquivo .har
  2. Arraste o .har aqui ou clique em Abrir .har (ou cole o JSON do HAR)
  3. Percorra a lista de requisições e confira o resumo em busca de erros e chamadas lentas
  4. Clique em uma linha para inspecionar seus cabeçalhos, parâmetros de query, tempos e resposta
  5. 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

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