web-dev-qa-db-ja.com

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

「console.debug」を検索すると、「console」と「debug」という単語が含まれるページがたくさん表示されるため、Googleは役に立たなかった。

console.log()とconsole.debug()の違いは何ですか？たくさんのconsole.debug()ステートメントを使用し、スイッチを切り替えるだけで、すべてのデバッグステートメントがコンソールに送信されるのを簡単に止める方法はありますか（サイトの起動後など）。

javascriptconsoleconsole.logweb-developer-toolbar
114
CaptSaltyJack

少なくとも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

65
Pete TNT

技術的にはconsole.logconsole.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);

enter image description here

87
Prabhakar

それらはほとんど同じです-唯一の違いは、最近のバージョンのChromeでデバッグメッセージがデフォルトで非表示になっていることです（コンソールで表示するには、DevtoolsトップバーでログレベルをVerboseに設定する必要がありますデバッグメッセージ、ログメッセージはデフォルトで表示されます）。

24
user2486570

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

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

ドキュメンテーション：

14
Venkat

製品の終了後にロギングを無効にする機能が必要な場合は、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'});

出力なし

ただし、出力に色を付ける方法も考えていません。

2
Espen M. S.

ブラウザのドキュメントから、log、debugおよびinfoメソッドは実装に関しては同じですが、色とアイコンが異なります

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

1
user4648588