Exportar datos desde la herramienta de desarrollador de Chrome


138

ingrese la descripción de la imagen aquí

Análisis de red de Chrome cuando se carga la página

Me gustaría exportar estos datos a Microsoft Excel para que tenga una lista de datos similares cuando se cargue en diferentes momentos. Cargar una página una vez realmente no me dice mucho, especialmente si quiero comparar páginas.

¿Es posible hacer esto a través de una herramienta o una extensión de Chrome?


2
Vea también paso a paso: confluence.atlassian.com/kb/…
Vadzim

Respuestas:


93

Si hace clic con el botón derecho en cualquiera de las filas, puede exportar el elemento o el conjunto de datos completo como HAR, que parece ser un formato JSON.

No debería ser terriblemente difícil crear un script para transformar eso en un csv si realmente lo necesita en Excel, pero si ya está creando un script, también podría usar el script para hacer sus preguntas sobre los datos.

Si alguien sabe cómo manejar la parte "cargar página, exportar datos" del proceso desde la línea de comandos, me interesaría saber cómo


1
Esta herramienta se mencionó en una respuesta eliminada: github.com/janodvarko/harviewer
Jonathon Reinhart

3
@JonathonReinhart, tuvo 5 votos a favor y es útil. ¿Por qué fue eliminado? También vea esta herramienta en línea : softwareishard.com/har/viewer
Pacerier

9
Sorprendentemente, el guardado de red de Chrome en HAR guardó TODOS los datos y no solo el elemento
kishu

@JonathonReinhart, no se ha recuperado: stackoverflow.com/a/20235632/632951
Pacerier el

Esto no parece funcionar con solicitudes de origen localhost.
Skowronek


22

Intenté copiar los datos de tamaño medidos desde Chrome Network y me topé con esta publicación. Acabo de encontrar una manera más fácil de "exportar" los datos para sobresalir, que es copiar la tabla y pegar para sobresalir.

El truco es hacer clic en Control + A (seleccionar todo) y una vez que se resalte toda la tabla, péguela en Microsoft Excel. El único problema es si hay demasiados campos, no se copian todas las filas y es posible que deba copiar y pegar varias veces.

ACTUALIZADO: descubrí que copiar los datos solo funciona cuando desactivo las opciones de filtro (el botón de embudo que se encuentra sobre la tabla). - bendur


8
Esta es realmente la forma más fácil. Puede solucionar el problema de "demasiados campos" al alejar el navegador (CTRL +/-). No importa si el texto es demasiado pequeño para leer, se copiará / pegará en Excel a tamaño normal.
profexorgeek

3
seleccionó todo, pero copió solo los archivos visibles (en el panel de desplazamiento), no sé por qué ...: /
Tom Brito

1
puedes jugar con columnas si haces clic derecho sobre ellas para tener más datos que los predeterminados
o Duan el

44
No puedo hacer que Ctrl-A funcione, pero puedo usar el mouse, comenzar en una columna hacia la izquierda y resaltar haciendo clic y arrastrando hacia arriba. digo, mmm, tisla.
ruffin

55
@Pacerier Descubrí que copiar los datos solo funciona cuando desactivo las opciones de filtro (el botón que parece un embudo encima de la tabla).
Bendur


8

¡Encontré el mismo problema y descubrí que la forma más fácil es desacoplar el video de la herramienta de desarrollador en una ventana separada! (Usando el botón de la barra de herramientas de la esquina superior derecha de la ventana de herramientas del desarrollador) y en la nueva ventana, simplemente diga seleccionar todo y copie y pegue para sobresalir.



4

Puede usar el depurador web Fiddler para importar el HAR y luego es muy fácil desde su ... Ctrl + A (seleccionar todo) luego Ctrl + c (copiar resumen) luego pegar en Excel y divertirse


fiddler web depurador?
Pacerier

4

Tenga en cuenta que ≪Copiar todo como HAR≫ no contiene el cuerpo de la respuesta.

Puede obtener el cuerpo de respuesta a través de aveGuardar como HAR con contenido≫, pero se rompe si tiene más de una cantidad trivial de registros (lo intenté una vez con solo 8k solicitudes y no funciona). Para resolver esto, puede script una salida a ti mismo usando _request.contentData().

Cuando hay demasiados registros, incluso _request.contentData()y la "Respuesta de copia" falla, esperamos que solucionen este problema. Hasta entonces, inspeccionar más de una cantidad trivial de registros de red no se puede hacer correctamente con Chrome Network Inspector y es mejor usar otra herramienta.


3

No veo una opción de exportación o guardar.

Filtré todas las solicitudes no deseadas usando, -.css -.js -.woffluego hice clic derecho en una de las solicitudes y luego Copiar > Copiar todo como HAR

Luego pegó el contenido en un editor de texto y lo guardó.


Utilicé este enfoque, funcionó a las mil maravillas. Quiero agregar a la respuesta; el contenido cuando pega en el editor de texto es un archivo json. De hecho, utilicé powershell para analizar el json y seguir estudiando las redirecciones de solicitudes (en mi caso).
Siva Senthil

1

Tuve el mismo problema por el que vine aquí. Con algunas pruebas, descubrí que podía copiar varias páginas de datos de Chrome como en la pregunta que alejé hasta que obtuve todos los datos en una página, es decir, sin desplazamiento, con un tamaño de fuente muy pequeño. Ahora copie y pegue eso en Excel que copia todos los registros y en la fuente normal. Esto es bueno para algunas páginas de datos, creo.


1

En versiones más modernas de Chrome, puede arrastrar un archivo .har a la pestaña de red de Chrome Dev Tools para cargarlo.


66
Creo que quiere exportar?
Pacerier

0

Para obtener esto en formato Excel o CSV, haga clic con el botón derecho en la carpeta y seleccione "copiar respuesta", pegue para sobresalir y use texto en las columnas.

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.