Mostrar eventos personalizados en la línea de tiempo del inspector del navegador webkit

Question

Quería ver eventos personalizados en la línea de tiempo del Inspector Web de Safari, o Herramientas de Desarrollador de Chrome.

¿Alguien ha tenido éxito creando eventos y que se muestran en el inspector?Esto sería extremadamente útil.

Esto no se presenta en la línea de tiempo:

var event = document.createEvent( 'CustomEvent' );
event.initCustomEvent('myEvent', true, false);
document.dispatchEvent( event );

Esto funciona, pero es un evento de ratón, que no es mi intención:

var event = document.createEvent( 'MouseEvents' );
event.initEvent('click', true, false);
document.dispatchEvent( event );

Answer 1

Necesitas agregar un oyente para tu evento personalizado.

document.addEventListener('myEvent', function() { console.log('myEvent'); });

var event = document.createEvent('CustomEvent');  
event.initEvent('myEvent', true, false);  
document.dispatchEvent(event);  

Fuente:

http://code.google.com/searchframe#Oamlx_jo-ck/src/third_party/webkit/source/webcore/inspector/inspectorinstrumentation.cpp& ;exact_package=chromium&q=willdispatcheventonwindowimpl&type=cs&l=337