console.log（）とconsole.debug（）の違いは？

「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ではデフォルトでデバッグメッセージが非表示になっていることです（Verboseデバッグメッセージを表示するには、コンソールでDevtoolsトップバーでログレベルをに設定する必要があります。ログメッセージはデフォルトで表示されます）。

console.info、console.debugメソッドはと同じですconsole.log。

• console.log ステートメントの印刷
• console.info 青色の「i」アイコンが付いた黒色のテキスト
• console.debug 青色のテキスト

ドキュメンテーション：

• クロム
• IE
• 縁
• FireFox
• サファリ

製品の終了後にロギングを無効にする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方法は賢明な実装では同じですが、色やアイコンに変化します

https://jsfiddle.net/yp4z76gg/1/