отображать пользовательские события на временной шкале инспектора браузера WebKit

Question

Я хотел просмотреть пользовательские события на временной шкале веб-инспектора Safari или инструментов разработчика Chrome.

Кто-нибудь успешно создавал события и отображал их в инспекторе?Это было бы чрезвычайно полезно.

это не отображается на временной шкале:

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

это работает, но это событие мыши, которое не является моим намерением:

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

Answer 1

Вам нужно добавить слушателя для вашего пользовательского события.

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

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

Источник:

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