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

【问题标题】：display custom events in webkit browser inspector timeline在 webkit 浏览器检查器时间轴中显示自定义事件
【发布时间】：2012-03-13 05:55:01
【问题描述】：

我想在 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 );

【问题讨论】：

我还尝试将事件附加到对象，例如 MutationEvents，并且控制台记录了它们（以证明它们被触发），这些也没有出现在时间轴中。

标签： javascript events webkit inspector

【解决方案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

【讨论】：