web-dev-qa-db-fra.com

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

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

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

114
CaptSaltyJack
65
Pete TNT

Techniquement console.logconsole.debug et console.info sont identiques Cependant, la façon dont ils affichent les données est légèrement différente

console.log Texte de couleur noire sans icône

console.info Texte de couleur bleue avec icône

console.debug Texte en noir pur

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

enter image description here

87
Prabhakar

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 journalisation sur Verbose dans la barre de menu de Devtools). dans la console pour voir les messages de débogage; les messages de journal sont visibles par défaut).

24
user2486570

console.info, console.debug les méthodes sont identiques à console.log.

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

Documentation:

14
Venkat

Si vous souhaitez pouvoir désactiver la journalisation une fois le produit terminé, vous pouvez remplacer la fonction console.debug() 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.

2
Espen M. S.

D'après la documentation des navigateurs, les méthodes log, debug et aussi info sont identiques en termes d'implémentation, mais leur couleur et leur icône varient

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

1
user4648588