イベントリスナを調べる方法についての質問です。

質問

イベントリスナを調べる方法についての質問です。

現在twitterのページで使われているJavaScriptの挙動を分析しているのですが、コード量が非常に多く苦労しています。
ある要素にどのようなイベントリスナが追加されたか、または追加されているかということを調べるいい方法はないでしょうか？

addEventListenerで関数を登録した場合、element.onclickにセットされた関数を取得するというような方法が使えないので困っています。
bookmarkletやユーザースクリプト、アドオンなど何でもいいので、要素に追加されているイベントリスナを直接調べたり、あるいはイベントリスナが追加される瞬間を検出できるようないい方法があれば教えてください。
（解析はFirefox上で行っていますが、他のブラウザを使う方法でも構いません）
宜しくお願いします。

回答No.1

think49

Node.prototype.addEventListener をオーバーライドしてみてはどうでしょう？
addEventListener が呼び出される度にコンソールに出力するようにすれば、element/eventType/listener/useCapture の対応関係をコンソールで確認できると思います。