javascript - 在 webkit 浏览器检查器时间轴中显示自定义事件

Question

我想在 safari 的 web 检查器或 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