便利なデバッグライブラリ

この前作った奴をちょっと改造。
原因はalertが出すぎてうざかった為。

    var DEBUG = {
        is_debug_mode : true,
        put : function(str) {
            if(this.is_debug_mode) {
                var stderr = document.getElementById('stderr');
                var now = new Date();
                if(stderr) {
                    stderr.value += "[" + now.toString() + "] DEBUG -- : " + str + "\n";
                    stderr.scrollTop = 100000000000000;
                } else {
                    var err_contena = document.createElement('div');
                    err_contena.id = 'err_contena';
                    var err = document.createElement('textarea');
                    err.id = 'stderr';
                    err.style.cssText = "width: 1000px; height: 500px; font-size:11px;";
                    err.value += "[" + now.toString() + "] DEBUG -- : " + str + "\n";
                    title = document.createElement('h4');
                    title.innerHTML = "DEBUG CONSOLE";
                    err_contena.appendChild(title);
                    err_contena.appendChild(err);
                    document.body.appendChild(err_contena);
                }
            } else {
                if(document.getElementById('err_contena')) {
                  document.body.removeChild(document.getElementById('err_contena'));
                }
            }
        },

        popup : function(str) {
            if(this.is_debug_mode) alert(str);
        }
    };

 
サンプルはこちら
 ↓
DEBUG
 
本番で使うときは
DEBUG.is_debug_mode = false;
してやればOK
 
あ、でも、画面遷移とか再描画に弱いのか。。。
そのときはalert('')だな。。。