web-dev-qa-db-ger.com

Unterschied zwischen console.log () und console.debug ()?

Google war für mich nicht hilfreich, da bei der Suche nach "console.debug" nur eine Reihe von Seiten mit den Wörtern "console" und "debug" angezeigt werden.

Ich frage mich, was der Unterschied zwischen console.log() und console.debug() ist. Gibt es eine Möglichkeit, eine Reihe von console.debug() -Anweisungen zu verwenden und dann einfach einen Schalter zu betätigen, um alle Debug-Anweisungen vom Senden an die Konsole auszuschalten (wie nach dem Starten einer Site)?

javascriptconsoleconsole.logweb-developer-toolbar
114
CaptSaltyJack

Für mindestens IE, Firefox und Chrome Konsolen, .debug () ist nur ein Alias ​​für .log () hinzugefügt, um die Kompatibilität zu verbessern

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

Technisch console.logconsole.debug und console.info sind identisch Die Art und Weise, wie sie die Daten anzeigen, ist jedoch wenig unterschiedlich

console.log Schwarzer Farbtext ohne Symbol

console.info Text in blauer Farbe mit Symbol

console.debug Rein schwarzer Farbtext

console.warn Text in gelber Farbe mit Symbol

console.error Roter Text mit Symbol

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

Sie sind fast identisch - der einzige Unterschied besteht darin, dass Debug-Meldungen in neueren Versionen von Chrome (Sie müssen die Protokollstufe in der Devtools-Leiste auf Verbose setzen, während in der Konsole, um Debug-Meldungen anzuzeigen; Protokollmeldungen sind standardmäßig sichtbar).

24
user2486570

console.info, console.debug Methoden sind identisch mit console.log.

  • console.logDruckanweisung
  • console.info Schwarzer Farbtext mit "i" -Symbol in blauer Farbe
  • console.debug Text in blauer Farbe

Dokumentation:

14
Venkat

Wenn Sie die Protokollierung deaktivieren möchten, nachdem ein Produkt fertig ist, können Sie die Funktion console.debug() überschreiben oder eine andere benutzerdefinierte Funktion erstellen.

console.debug = function() {
    if(!console.debugging) return;
    console.log.apply(this, arguments);
};

console.debugging = true;
console.debug('Foo', {age:41, name:'Jhon Doe'});

Foo▸ {Alter: 41, Name: "Jhon Doe"}

console.debugging = false;
console.debug('Foo', {age:26, name:'Jane Doe'});

Keine Leistung

Ich habe mir jedoch keine Möglichkeit ausgedacht, die Ausgaben auch einzufärben.

2
Espen M. S.

Aus der Dokumentation der Browser sind die Methoden log, debug und auch info in der Implementierung identisch, unterscheiden sich jedoch in Farbe und Symbol

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

1
user4648588