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