javascript - 在 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