consoleでcustom eventの通知を監視する

Firebugのconsoleでhoge,fuga,piyoの3つのcustom eventの通知を監視する。
後から追加した要素に後からbindしたとかでも監視出来る。


難点として動かしているとFirefoxがものすごい勢いでメモリを食っていき、
1window・1tabで2時間弱動かした程度でメモリ使用量1GB超過とか平気でなるので、
監視したくなったときだけ__startEventLog();して動かすべき。
見せ方とかもう少し工夫出来そうなものなのでもう少し考える。

var __startEventLog;
(function($){
    __startEventLog = function(){
        var __timerId = setInterval(function(){
            if(typeof console === 'undefined'){
                clearInterval(__timerId);
                return;
            }
            var events = $.map('hoge fuga piyo'.split(' '),
                function(n,i){return n+'.debug';}).join(' ');
            $(':data(events)').unbind(events)
            .bind(events,function(ev,data){
                console.info(ev.type,ev.target,data);
            });
        },100);
    }
})(jQuery);