1. Visualizador
Problema com a tag de instalação direta, existe um plugin do Chrome: Har Viewer
2. Ferramenta de análise online
https://ericduran.github.io/chromeHAR/ O formato é bagunçado
https://toolbox.googleapps.com/apps/har_analyzer/ Recomendado, o formato é bonito e suporta busca, mas a tela é um pouco pequena
O HARViewer é construído
Introdução ao HAR
HAR (HTTP Archive) é um formato de arquivo comum usado para armazenar informações de requisição/resposta HTTP, baseado em JSON. O surgimento desse formato permite que ferramentas de monitoramento HTTP exportem os dados coletados para um formato comum que pode ser usado por outras ferramentas de análise HTTP habilitadas para HAR (incluindo Firebug, httpwatch, Fiddler, etc.) para analisar gargalos de desempenho do site. A versão mais recente da especificação HAR é a HAR 1.2. O arquivo HAR deve ser codificado em UTF-8, e não importa se existe uma lista de materiais ou não.
Sobre o HARViewer
HARViewer é uma ferramenta online cujo propósito é visualizar arquivos de log HTTP Archive (HAR) criados por ferramentas de rastreamento HTTP. Esses arquivos contêm logs de informações de sessões de requisição/resposta HTTP que podem ser usadas para análise adicional do desempenho do carregamento da página.
Instalação HARViewer:
Endereço de download do código-fonte: https://github.com/janodvarko/harviewer/archive/master.zip
Depois que o download terminar, depois de descompactar, copie o diretório do webapp para o diretório do site com o ambiente PHP (IIS que eu uso, também configuro php, a porta é configurada casualmente, eu mesmo defino 5565)
Visite: http://localhost:5565/
Você pode exportar informações do Chrome, copiar e colar na caixa de texto e clicar no botão "Prévia" para ver o efeito visual.
|
Publicado em 20/03/2018 09:57:23
|
|
|
|
