在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