JavaScriptのconsoleをちょっと拡張して快適なデバッグ環境にする
どこかで元ネタを見たんやけど、忘れた・・・
console.logとかdebugって開発してるとき便利ですけど、納品時に消すのを忘れたりして、うっかりconsoleに
unko
とか表示されたら死ぬしかないですよね。
消したやつ納品して後で改修とかになったとき、前のconsoleは当然ないわけで、面倒くさいなと思って。
下記のコードをソースファイルの頭に貼り付けておいて
頭の「window.console.debugMode」を「true」にすればconsole.logが動きます。それだけです。これなら、元のコードも変更せず、debugModeを切り替えるだけで楽々デバッグ。
// デバグモードの切り替え
window.console.debugMode = false;
// console.logのプチ整形
window.console._log = window.console.log;
window.console.log = function(log) {
if ( window.console.debugMode && window.console )
console._log.apply(this, arguments);
}
ところで、普段はconsole.debugを使ってるのですが、debugだと当然行番号が、拡張したとこになってしまいまして・・・debugでも使えるコード、ご存知の方いれば教えてください><
追記
TwitterでさんにFirebugでの対応方法を教えてもらいました。
// http://d.hatena.ne.jp/javascripter//09
window.console.debugMode = true;
// console.debug
window.console._debug = window.console.debug;
window.console.debug = function(log) {
if (window.console.debugMode && window.console) {
// Firebugだけ
window.console.notifyFirebug(arguments, "debug", "firebugAppendConsole");
}
};
Trackbacks: 0
- Trackback URL for this entry
- Listed below are links to weblogs that reference
- JavaScriptのconsoleをちょっと拡張して快適なデバッグ環境にする from 5509
Leave a comment