「console.debug」を検索すると、「console」と「debug」という単語が含まれるページがたくさん表示されるため、Googleは役に立たなかった。
console.log()
とconsole.debug()
の違いは何ですか?たくさんのconsole.debug()
ステートメントを使用し、スイッチを切り替えるだけで、すべてのデバッグステートメントがコンソールに送信されるのを簡単に止める方法はありますか(サイトの起動後など)。
少なくともIE、Firefox、およびChromeコンソールの場合、.debug()は、互換性を改善するために追加された.log()のエイリアスです
https://developer.mozilla.org/en-US/docs/Web/API/console
https://developers.google.com/chrome-developer-tools/docs/console-api#consoledebugobject_object
https://msdn.Microsoft.com/en-us/library/ie/hh772183(v = vs.85).aspx
技術的にはconsole.log
console.debug
とconsole.info
は同じですが、データの表示方法は少し異なります
console.log
アイコンなしの黒色テキスト
console.info
アイコン付きの青色のテキスト
console.debug
純粋な黒色テキスト
console.warn
アイコン付きの黄色のテキスト
console.error
アイコン付きの赤色のテキスト
var playerOne = 120;
var playerTwo = 130;
var playerThree = 140;
var playerFour = 150;
var playerFive = 160;
console.log("Console.log" + " " + playerOne);
console.debug("Console.debug" + " " +playerTwo);
console.warn("Console.warn" + " " + playerThree);
console.info("Console.info" + " " + playerFour);
console.error("Console.error" + " " + playerFive);
それらはほとんど同じです-唯一の違いは、最近のバージョンのChromeでデバッグメッセージがデフォルトで非表示になっていることです(コンソールで表示するには、DevtoolsトップバーでログレベルをVerbose
に設定する必要がありますデバッグメッセージ、ログメッセージはデフォルトで表示されます)。
製品の終了後にロギングを無効にする機能が必要な場合は、console.debug()
関数をオーバーライドするか、別のカスタム関数を作成できます。
console.debug = function() {
if(!console.debugging) return;
console.log.apply(this, arguments);
};
console.debugging = true;
console.debug('Foo', {age:41, name:'Jhon Doe'});
Foo▸{年齢:41、名前: "Jhon Doe"}
console.debugging = false;
console.debug('Foo', {age:26, name:'Jane Doe'});
出力なし
ただし、出力に色を付ける方法も考えていません。
ブラウザのドキュメントから、log
、debug
およびinfo
メソッドは実装に関しては同じですが、色とアイコンが異なります