Cargar JSON manualmente en Chrome: // trazando -- google-chrome campo con chromium campo con trace camp Relacionados El problema

Load json manually in chrome://tracing


9
vote

problema

Español

Tengo un seguimiento de los datos de JSON y quiero verlo usando chrome://tracing . Sin embargo, no quiero cargar el JSON cada vez.

¿Hay alguna forma en que puedo pasar los datos de JSON a <div class="row"> <div class="column-media"> <h2>Media</h2> <table id="media-table"></table> </div> <div class="column-book" id="book-chart"> <h2>Books</h2> <a class="reset" style="display:none" href="javascript:pieChart.filterAll(); dc.redrawAll();">reset</a> </div> </div> <script type="text/javascript" src="lib/d3.js"></script> <script type="text/javascript" src="lib/crossfilter.js"></script> <script type="text/javascript" src="lib/dc.js"></script> <script type="text/javascript"> d3.tsv("DH_Doigv2.tsv", function(error, data) { data.forEach(function (d) { d.id = +d.Item; d.Item = d.id; }) var facts = crossfilter(data); //table var itemDimension = facts.dimension(function(d) { return d.Item; }); //book chart var bookDimension = facts.dimension(function(d) { return d.Title; }) var bookGroup = bookDimension.group(); var dataTable = dc.dataTable("#media-table") .width(425) .height(800) .dimension(itemDimension) //.showGroups(false) .group(function (d) { return d; }) .columns([ function(d) { return '<a target="_blank" href="https://arc.lib.montana.edu/ivan-doig/item.php?id=' + d.Item+ '"><img src="https://arc.lib.montana.edu/ivan-doig/' + d.Thumb + '" /></a><div class="byline">' + d.Title + '</div><div class="quote">' + d.Quote + '</div><div class="sound">' + '<audio controls title="Audio courtesy of the Acoustic Atlas at MSU Library:" ' + d.Sound + ' "><source src=" '+ "http://acousticatlas.org/objects/aa0002377.mp3" + '" type="audio/mpeg">Your browser does not support the audio element.</audio>' + '</div>'; }, ]); var pieChart = dc.pieChart("#book-chart") .height(550) .width(500) .dimension(bookDimension) .group(bookGroup); dc.renderAll(); }) 0 para que, sin hacer clic manualmente, haga clic en Datos de carga Todos mis datos se cargan?

Original en ingles

I have a trace events JSON data and I want to view it using chrome://tracing. However, I donxe2x80x99t want to load the JSON every time.

Is there a way I can pass the JSON data to chrome://tracing so that without manually clicking load data all my data gets loaded?

        

Lista de respuestas

4
 
vote
vote
La mejor respuesta
 

the TRACE-Viewer Herramienta CARGA actualmente El archivo JSON de 3 maneras:

  • cuando registra una nueva traza
  • cuando cargando el archivo a través del botón de carga después de que el archivo haya sido seleccionado
  • cuando cae el archivo en la pestaña (Arrastre & amp; gota)

Todas estas hacen una actualización de de una sola vez a la traza activa.


Detalles técnicos

Mira el Profiling_view y aviso

   tr.ui.b.readFile(file).then(  ...     this.setActiveTrace(file.name, data);   

y algunas variaciones en las llamadas a setactivetrace de principioRecordando, OnloadClicked_ y Drofandler_.


Sugerencias de soluciones

Sí, hay algunas maneras en que puede pasar los datos JSON a Chrome: // rastreo (es decir, Visor de seguimiento) sin hacer clic manualmente, haga clic en Datos de carga

.

Dependiendo de la cantidad de esfuerzo que desee poner en él:

  1. No haga clic manualmente, cargue pero arrastre y suelte el archivo
  2. automatizar el arrastre y amp; gota ( ejemplo con selenio ) basado en un script que mira los cambios de archivo en el JSON
  3. automatice la carga según los cambios de archivos
  4. Contribuya a Trace Viewer usted mismo y agregue Esta característica. Consulte el explicador de ecosistema de trazado y contribuyendo . Nota Ahora es parte del proyecto Catapult en GitHub.

Consulte FSWATCH - Un monitor de cambio de archivo multiplataforma.

 

The Trace-viewer tool currently loads the JSON file in 3 ways:

  • When recording a new trace
  • When loading the file via the load button after the file has been picked
  • When dropping the file into the tab (drag & drop)

All of these do a one-time update to the active trace.


Technical details

Look at the profiling_view and notice

 tr.ui.b.readFile(file).then(  ...     this.setActiveTrace(file.name, data); 

and a few variations on calls to setActiveTrace from beginRecording , onLoadClicked_ and dropHandler_ .


Solution suggestions

Yes, there are a few ways in which you can pass the json data to chrome://tracing (i.e. trace viewer) without manually clicking load data .

Depending on how much effort you want to put into it:

  1. Don't manually click load but drag and drop the file
  2. Automate the drag & drop (example with selenium) based on a script which watches for file changes to the JSON
  3. Automate the load based on file changes
  4. Contribute to Trace Viewer yourself and add this feature. See the tracing ecosystem explainer and contributing. Note it is now part of the Catapult project in GitHub.

See fswatch - a cross-platform file change monitor.

 
 
1
 
vote

Aquí hay una solución, si puede relajar el requisito de que tiene que abrirlo con cromo. speedscope es un buen reemplazo y se puede comenzar fácilmente desde la línea de comandos.

Para uso fuera de línea, o conveniencia en el terminal, también puede instalar SpeedScope a través de NPM:

  npm install -g speedscope   

Invocando SPEEDSCOPE / RAYA / TOFE / PERFIFE Cargará SpeedScope en su navegador predeterminado. fuente

speedscope <my-chrome-tracing.json> Abre el archivo.

ingrese la descripción de la imagen aquí

SpeedScopes ofrece vistas diferentes, pero no a veces no es la misma opinión que el rastreo de cromo. Por lo que podría no ser la opción correcta para todos los casos de uso.

 

Here is a solution, if you can relax the requirement that you have to open it with Chrome-Tracing. Speedscope is a nice replacement and can be easily started from the command line.

For offline use, or convenience in the terminal, you can also install speedscope via npm:

npm install -g speedscope 

Invoking speedscope /path/to/profile will load speedscope in your default browser. Source

speedscope <my-chrome-tracing.json> opens the file.

enter image description here

Speedscopes offers different views but not sometimes not the same view as Chrome-Tracing. So it might not be the right choice for all use cases.

 
 
 
 
0
 
vote

Este video gophercon muestra otra solución, supongo, que es cargar en el navegador una página HTML, probablemente con JavaScript incrustado en él, que "carga" el archivo de seguimiento. Aunque no sospecho que no sea de un archivo de disco, sino "servirlo" directamente a través de un servidor HTTP personalizado.

 

this GopherCon video shows another solution I guess, which is to load into the browser an HTML page, probably with embedded Javascript in it, that xe2x80x9cloadsxe2x80x9d the trace file. Although I suspect not from a disk file but by xe2x80x9cservingxe2x80x9d it directly via a custom http server.

 
 

Relacionados problema

0  La aplicación compilada por Flex Builder 3 no rastrea  ( Application compiled by flex builder 3 does not trace ) 
He construido una aplicación simple en Flex Builder 3 con algunas llamadas Trace (). Es un "proyecto ActionScript", no hay MXML o aire involucrado. No ejecuto...

0  ¿Pueden otras extensiones (además de ispy ypyc ?pyo) ser reconocidas como módulos de Python?  ( Can other extensions besides py pyc pyo be recognized as python modules ) 
Tengo algunos archivos de prueba que residen en el directorio test/ tiene un archivo 99887776661 . Los archivos de prueba son básicamente archivos de Pytho...

4  ¿Compile la aplicación Flex sin depuración? ¿Opciones de optimización para el compilador FLEX?  ( Compile flex application without debug optimisation options for flex compiler ) 
He creado una aplicación de prueba simple con el siguiente código var i : int; for (i=0; i<3000000; i++){ trace(i); } Cuando ejecuto la aplicación, ...

43  Trace las importaciones de Python  ( Trace python imports ) 
Mi biblioteca de Python simplemente cambió su nombre del módulo principal de foo.bar a foobar . Para el compatón hacia atrás, 9988777667 aún existe, pero...

5  Depuración: ¿Cómo comprobar qué dónde está colgando mi programa Python?  ( Debugging how to check what where my python program is hanging ) 
Un programa bastante grande de Python que escribo, corre, pero a veces, después de funcionar durante minutos u horas, en un momento no fácil de reproducir, cu...

1  Android OpenGL trazer no funciona  ( Android opengl tracer not working ) 
Estoy tratando de ejecutar la herramienta Android OpenGL Tracer: http://developer.Android .com / Herramientas / Ayuda / Gltracer.HTML Estoy tratando de ej...

2  Buen patrón / práctica para instrumentar procesos distribuidos asíncronos para reconstruir el proceso más adelante?  ( Good pattern practice for instrumenting asynchronous distributed processes to re ) 
brevemente: estoy buscando la mejor manera de haber distribuido los procesos de negocios emiten información de rastreo que me permite reconstruir un proceso d...

2  ASP.NET PAGE Rastrea los resultados  ( Asp net page trace results ) 
Hola, estoy probando un sitio web .NET con rastreo habilitado y todo parece normal, a mí, excepto una cosa: <stdin>: In function 'int main()': <stdin>:5:8:...

2  Finalizando un tracelistedor personalizado con AutoFlush = 'Falso' (C #, .NET)  ( Finalizing a custom tracelistener with autoflush false c net ) 
Estoy escribiendo un tracelistedor personalizado para escribir mensajes de seguimiento a un archivo que agregue rotación (por ejemplo, cambiando el nombre del...

2  FLEX3 Mejora de la traza básica  ( Flex3 improving basic trace ) 
Leí en algún lugar un Utils para mostrar la clase + línea NBR de la función que llamó traza ("foo") que es muy útil una vez que comienza a obtener mucha salid...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos