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

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

1 个答案: