在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