¿Cómo veo / reproduzco un archivo har del depurador de red Chrome guardado con contenido?

117

Me encanta el depurador de red, dicho esto, ¿qué programas existen que me permiten avanzar y retroceder a través de múltiples 'hars' para poder reproducirlos? si los 'hars' se guardan con contenido, ¿puede la repetición manejar eso también?

en este momento acabo de leer en el teclado de texto, pero si tengo que presentar alguno de mis hallazgos, un buen "jugador de har" podría ayudar mucho a la gente no técnica.

debugging  google-chrome  har 
— DefyGravity
fuente
Hasta ahora, tengo un visor "uno a la vez"
— DefyGravity
9
Esta pregunta sobre superusuario es esencialmente la misma y tiene respuestas decentes: superuser.com/questions/360992/…
— David Fraser

Respuestas:

87

Hay un visor HAR desarrollado por Jan Odvarko que puede utilizar. O usa la versión en línea en

O descargue el código fuente en https://github.com/janodvarko/harviewer .

EDITAR: Chrome 62 DevTools incluye la funcionalidad de importación HAR. https://developers.google.com/web/updates/2017/08/devtools-release-notes#har-imports

— Nizar
fuente
1
FWIW, esto no parece manejar el "contenido" cuando usa "Guardar como HAR con contenido". Aparte de eso, es un visor HAR decente.
— Doktor J
aún no lo he hecho funcionar en una opción 'guardar todo como har' del depurador de Chrome. Sin embargo, seguiré revisando con él.
— DefyGravity
Acabo de hacer que funcione hoy desde un sitio web bastante pesado. buena aplicación
— DefyGravity
7
ADVERTENCIA: Tan bien como suena el visor HAR "en línea", estaría un poco preocupado por lo que ese servidor está haciendo con el HAR. ¿Lo está guardando? Analizándolo? HAR puede incluir datos personales confidenciales ... Yo personalmente no subiría un HAR al servidor de otra persona ... ahora, si me lo hubiera enviado un cliente, supongo que sería una historia diferente ... oh, espera, no, no lo haría.
— nada es necesario
@nothingisne required: HAR Viewer se ejecuta solo en el navegador, no hay ningún componente del lado del servidor que 'vea' el archivo HAR.
— Paul Grime
56

La herramienta "Red" de Chrome Dev Tool ahora te permite importar archivos HAR arrastrando y soltando en la ventana.

— Xchai
fuente
Para arrastrar el archivo HAR a la pestaña de red, la mayoría de las herramientas de desarrollo están abiertas en el mismo dominio
— ScottyG
Gran idea, pero con una advertencia, a Chrome no parece gustarle la salida de formatos de fecha de otras herramientas (+1 de mí de todos modos)
— Alex KeySmith
@ScottyG Acabo de intentar importar un archivo .har de otro dominio y funcionó. Usando la versión 73.0.3683.103
— Raul Pinto
@RaulPinto ¡Gracias! Sí, creo que esta es una característica nueva en v73
— ScottyG
2
Lo mismo funciona en Firefox, también independientemente del dominio en el que se encuentre.
— Brady Dowling
23

Hay un par de herramientas en línea y sin conexión para hacer esto:

Pero la que más me gustó, es una extensión de navegador (la probé en Chrome, ojalá funcione en otros navegadores). Después de la instalación, aparece en sus aplicaciones como visor HAR . Luego puede cargar su archivo HAR y ver algo como esto:

ingrese la descripción de la imagen aquí

— Salvador Dalí
fuente
2
El analizador HAR es capaz de analizar sin problemas un archivo HAR mucho más grande que el visor HAR.
— Stephan
16

La forma más confiable de reproducir un archivo har es utilizando una herramienta gratuita como Fiddler , la herramienta siempre es gratuita y se puede descargar rápidamente. Los sitios para abrir el archivo har tienen errores y no pueden abrir archivos grandes. Fiddler está disponible para todas las plataformas.

https://www.telerik.com/download/fiddler

Vaya al menú Archivo -> Importar sesiones ...

Fiddler abierto

Seleccione la opción "HTTPArchive"

Seleccione la opción Http Archieve

Busque su archivo HAR

ingrese la descripción de la imagen aquí

El archivo HAR se abrirá y se reproducirá en la ventana de Fiddler.

— Chibi Chakaravarthi
fuente
1
Descubrí que exportarlo como archivos sin formato y luego cargar el archivo html me permitió reproducir los registros de la consola en cualquier navegador.
— mikeytown2
Me gusta usar Fiddler porque puedo reproducir una solicitud en particular del archivo har (cambiando tokens ofc) para ver sus efectos. Personalmente, he estado usando Fiddler durante mucho tiempo y como este hilo ha estado citando muchas herramientas que funcionan en diferentes casos, finalmente se reduce a la comodidad personal.
— Chibi Chakaravarthi
A mí también me gustó más esta respuesta; Para archivos HAR muy grandes, Fiddler me permitió filtrar y eliminar el exceso de mensajes (también he estado usando Fiddler durante bastantes veces, por lo que se sintió más cómodo con sus capacidades, incluida la reproducción)
— HidekiAI
8

Editar: Harhar ahora es de código abierto. He actualizado la URL a continuación.

Si usa un generador de carga Avalanche, puede usar Harhar para reproducir un archivo HAR con una carga muy alta: https://acastaner.github.io/harhar/

Esta herramienta maneja el "contenido" que usa cuando "Guardar como HAR con contenido".

— Astaar
fuente
2
Sé que han pasado algunos meses desde que el OP pidió, pero esta debería considerarse como la respuesta correcta, ya que la herramienta mencionada realmente puede "reproducir" un archivo HAR. Muy buena sugerencia, @Astaar.
— Charles Roberto Canato
Está escrito completamente en C #. "Funciona en Windows y Linux (Mono)"
— Trindaz
Aparte de estar totalmente de acuerdo con Astaar y Charles, acabo de encontrar otro: github.com/Stuk/server-replay
— quetzalcoatl
6

Chrome ahora admite la carga de archivos HAR. Abra Chrome, presione F12, haga clic en la pestaña Red. Arrastre y suelte el archivo .har HECHO!

— Chibi Chakaravarthi
fuente
2
  1. Abra Chrome y haga clic en F12
  2. Haga clic en Red
  3. Arrastre y suelte el archivo har en la pestaña de red de Chrome.

ingrese la descripción de la imagen aquí

— S Krishna
fuente
2

Si no llego tarde ...

Para Firefox, se puede importar el mismo archivo har desde la pestaña Red.Ficha Red de Firefox con archivo HAR de importación

— Sanjay Maurya
fuente
0

Abra el navegador Chrome. haga clic derecho en cualquier lugar de una página> inspeccionar elementos> ir a la pestaña de red> arrastrar y soltar el archivo .har Debería ver los registros.

— Arjun Thakur
fuente
0

Arrastrar y soltar es la mejor solución. Solo estoy mostrando otra forma de importar haciendo clic en el ícono de importación HAR: ingrese la descripción de la imagen aquí

— Barani r
fuente
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.