Différence entre console.log () et console.debug ()?

Google ne m'a pas été utile, car la recherche de "console.debug" ne fait que faire apparaître un tas de pages contenant les mots "console" et "debug".

Je me demande quelle est la différence entre console.log()et console.debug(). Existe-t-il un moyen d'utiliser un tas d' console.debug()instructions puis de simplement basculer un commutateur pour désactiver facilement toutes les instructions de débogage envoyées à la console (comme après le lancement d'un site)?

Pour au moins les consoles IE, Firefox et Chrome, .debug () est juste un alias pour .log () ajouté pour une meilleure compatibilité

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

Techniquement console.log console.debuget console.infosont identiques Cependant la façon dont ils affichent les données est peu différente

console.log Texte de couleur noire sans icône

console.info Texte de couleur bleue avec icône

console.debug Texte de couleur noire pure

console.warn Texte de couleur jaune avec icône

console.error Texte de couleur rouge avec icône

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);

Ils sont presque identiques - la seule différence est que les messages de débogage sont masqués par défaut dans les versions récentes de Chrome (vous devez définir le niveau de journal sur Verbosedans la barre supérieure Devtools lorsque vous êtes dans la console pour voir les messages de débogage; les messages de journal sont visibles par défaut).

console.info, les console.debugméthodes sont identiques à console.log.

• console.log Relevé d'impression
• console.info Texte de couleur noire avec icône "i" de couleur bleue
• console.debug Texte de couleur bleue

Documentation:

• Chrome
• C'EST À DIRE
• Bord
• Renard de feu
• Safari

Si vous souhaitez pouvoir désactiver la journalisation une fois le produit terminé, vous pouvez remplacer la console.debug()fonction ou en créer une autre personnalisée.

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

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

Foo▸ {âge: 41 ans, nom: "Jhon Doe"}

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

Pas de sortie

Cependant, je n'ai pas trouvé de moyen de colorer les sorties également.

De la documentation des navigateurs, le log, debuget aussiinfo les méthodes sont identiques dans la mise en œuvre , mais sage varie en couleur et icône

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