¿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

87

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

http://www.softwareishard.com/har/viewer/ (versión anterior)
http://gitgrimbo.github.io/harviewer/master/ (rama maestra actualizada)

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:

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 ...

Seleccione la opción "HTTPArchive"

Busque su archivo HAR

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

4

Hardiff.com es una herramienta bastante útil. Le permite comparar uno o más .hararchivos.

Zander
fuente

2

Abra Chrome y haga clic en F12
Haga clic en Red
Arrastre y suelte el archivo har en la pestaña de red de Chrome.

S Krishna
fuente

2

Si no llego tarde ...

Para Firefox, se puede importar el mismo archivo har desde la pestaña Red.

Sanjay Maurya
fuente

1

La importación de HAR funciona a la perfección en Firefox: Abrir Web Developer -> Pestaña Red -> HAR -> Importar ... (esquina superior derecha de la herramienta de desarrollo web)

Opción de importación HAR

Lalitanand Dandge
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:

Barani r
fuente

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

Respuestas: