Estoy usando las herramientas de desarrollador de Chrome para revisar un sitio web para un cliente, y sería bueno si pudiera exportar los resultados del gráfico de tiempo.¿Hay alguna forma de exportar gráficos de tiempo desde la herramienta de desarrollador de Chrome?
¿Es posible?
Esto no es exactamente simple, pero parece funcionar bastante bien.
primer lugar usted necesita para obtener la línea de tiempo en las Herramientas de desarrollo y derecha haga clic en algún lugar de y "Inspeccionar elemento". Esto abrirá otra versión de Dev Tools, con el HTML disponible.
tiene que copiar este derecho por clic en la etiqueta y <html> seleccionando "Copiar como HTML".
Pega esto en un editor de texto y guardar como un archivo html.
ver la siguiente URL en Chrome y guardar estos archivos en el mismo lugar que el archivo html. chrome-devtools://devtools/DevTools.js chrome-devtools://devtools/devTools.css
cambiar las ubicaciones en la etiqueta <head> en el HTML guardado para apuntar a estos archivos.
guardar todas las imágenes en la pestaña de recursos en una carpeta "Imágenes" en el pie de donde este archivo es. Esto llevará años, ¡lo siento! Creo que todo esto estaría contenido en el archivo "resources.pak" de Chrome, que está en el directorio de instalación de Chromes, sin embargo, no pude encontrar una manera fácil de extraerlo.
Ver su HTML en un navegador debe mostrarle lo que necesita, obviamente una vez que haya extraído los recursos, js y css, simplemente puede copiar y pegar diferentes versiones de la línea de tiempo a diferentes archivos HTML.
Suponiendo que te refieres a la salida gráfica cascada en el panel network, puede hacer clic derecho sobre la cabecera de la tabla (o cualquier espacio vacío en el propio gráfico), y seleccione "Copiar registro de red como HAR "para extraer los datos del gráfico en su portapapeles.
HAR es un formato que muchas herramientas entienden; para generar un gráfico de cataratas agradable para discutir con sus clientes, eche un vistazo a algo como HAR Viewer. Creo que eso satisfará tus necesidades.
Hola Mike, el visor HAR se ahoga en los registros que pego. Esto podría ser específico para la versión de Chrome que estoy usando o para la versión de HAR Viewer, pero ... ¿Podría nombrar algunas de las otras herramientas que piensa? Google no ayudó. Gracias. –
Hola, Gabriel, hay algunos errores en el soporte de HAR que estamos trabajando en solucionar. Si le dices a HAR Viewer que omita la validación (es una casilla de verificación), y luego obtendrá una vista casi exacta del archivo de registro. Los campos faltantes deben completarse en una versión futura, pero por el momento esta es la única solución alternativa que puedo ofrecer. –
Lo gracioso es que mi los registros no funcionan en el visor HAR, independientemente de Valida ción, pero algunos de los que recibo por correo de otros lo hacen. Entonces estaré bien. –
Si desea una forma rápida y fácil de capturar los datos en el panel de red que puede hacer clic en cualquier fila en los datos mostrados, seleccione todos luego copiar y pegar el contenido en Excel.
Excel realmente hace un buen trabajo de capturar la disposición tabular de los datos, además de una vez en Excel puede manipular los datos de acuerdo con sus necesidades.
Un inconveniente es que no capta esas gráficas cascada ordenada producidos en Chrome, pero supongo que la capacidad de gráficas de Excel podría compensar eso!
Cuando selecciono todo, en realidad solo selecciona las filas visibles. –
Ya no se puede inspeccionar Dev Tools Element en la versión 23.0.1271.97 (solo probé esta versión) en Ubuntu 12.04 :( –
Todavía puede inspeccionar las herramientas de desarrollo solo tiene que utilizar la página chrome: // inspect en lugar del menú contextual: http://stackoverflow.com/questions/12291138/how-do-you-inspect- the-web-inspector-in-chrome/13568896 # 13568896 –