La différence entre la console.log() et la console.debug()?

Google n'a pas été utile pour moi, depuis la recherche pour "de la console.debug" apporte juste un tas de pages que les mots "console" et "debug" sur eux.

Je me demandais quelle est la différence entre console.log() et console.debug(). Est-il un moyen d'utiliser un tas de console.debug() déclarations et ensuite il suffit de retourner un interrupteur facilement éteindre toutes les instructions de débogage d'être envoyé à la console (comme après le lancement d'un site)?

  • Voici comment faire pour désactiver la console.journal des sorties stackoverflow.com/questions/1215392/...
  • Vous pouvez mettre des couleurs. console.log ("%c Exemple de Texte', 'couleur:vert;'); Ou ajouter un peu de VAR dans le texte à l'aide de la console.log ("Exemple ${variable}`, 'couleur:vert;');
InformationsquelleAutor CaptSaltyJack | 2014-02-19
  1. 65

    Pour au moins IE, Firefox et Chrome consoles .debug() est un alias .log() a été ajouté pour améliorer la 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

    • Dans Chrome debug() vient en bleu et log() en noir
    • Une sérieuse amélioration par rapport à log().
    • À partir de developer.mozilla.org/en-US/docs/Web/API/console: la console.debug() - Remarque: à Partir de Chrome 58 cette méthode ne s'affiche dans le navigateur Chromium consoles lorsque le niveau de "commentaires" est sélectionné.
    • L'utilisation de Débogage dans le navigateur Chrome: Appel de Débogage ne sont pas Autorisés
    InformationsquelleAutor Pete TNT
  2. 86

    Techniquement console.log console.debug et console.info sont identiques
    Cependant, la façon dont ils l'affichage des données est un peu différent

    console.log Noir couleur du texte avec aucune icône n'

    console.info Bleu la couleur de texte avec une icône

    console.debug Pur noir couleur du texte

    console.warn Jaune couleur de texte avec une icône

    console.error Rouge Couleur de texte avec une 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);

    La différence entre la console.log() et la console.debug()?

    • Dans le navigateur google chrome info niveau de journaux sont tout simplement affiché avec une icône (le même que dans l'instantané), mais le texte (console.info texte dans votre message) est en noir et la couleur de fond la couleur de la ligne est blanche. Éventuellement votre capture d'écran pour le navigateur firefox.
    • Merci pour la réponse, très claire avec la capture d'écran. Gotta demander si, pourquoi la concaténation de chaîne? Pourquoi ne pas simplement console.log("Console.log"); au lieu de console.log("Console.log" + " " + playerOne);? Ce qui ne l' " " + playerOne faire?
    InformationsquelleAutor Prabhakar
  3. 22

    Ils sont presque identiques, la seule différence est que les messages de débogage sont cachés par défaut dans les versions récentes de Chrome (vous devez définir le niveau de journalisation pour Verbose dans les Devtools topbar tandis que dans la console pour voir les messages de débogage; journal des messages sont visibles par défaut).

    • Salut, cela semble vrai, mais je suis incapable de trouver toutes les informations sur ce comportement. Le Chrome docs ne pas mentionner comme d'aujourd'hui.
    • Maintenant j'ai enfin compris "définir le niveau de journalisation pour les commentaires sur le dessus de la console". Tu veux dire dans les Outils de Dev il y a la console en bas. En haut de cette section, avec Filtre et le sélecteur de cadre, il y a aussi un niveau de verbosité déroulant pour les journaux (préréglage "Info")
    • Liés à niveau des logs: stackoverflow.com/a/43912752/5395773
    InformationsquelleAutor user2486570
  4. 13

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

    • console.log Impression de la déclaration
    • console.info Noir couleur du texte avec l'icône "i" en couleur bleu
    • console.debug Bleu la Couleur de texte

    Documentation:

    • Console.info imprime bleu de la couleur, de la console.avertir les impressions couleur jaune et console.erreur d'impressions couleur rouge
    • J'ai testé sur Chrome 52.0.2743.82 Console.Info imprime en couleur noir bleu icône de la Console.avertir les tirages en noir de couleur jaune avec l'icône de la console.erreur imprime en couleur Rouge avec une icône rouge
    • merci de modifier votre réponse, en conséquence, de sorte que je peux upvote ou supprimer downvote, avez-vous remarqué la couleur bleue à l'icône "i" avant le texte imprimé lors de l'utilisation console.info()
    • Il semble que tout le monde est d'obtenir des résultats différents...
    InformationsquelleAutor Venkat
  5. 2

    Si vous souhaitez avoir la possibilité de désactiver l'enregistrement après qu'un produit est terminé, vous pourriez remplacer le console.debug() de fonction ou de faire un autre personnalisé.

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

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

    Foo▸ {age: 41, nom: "Jhon Doe"}

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

    Pas de sortie

    Cependant je n'ai pas pensé un moyen de la couleur de sorties.

    InformationsquelleAutor Espen M. S.
  6. 1

    À partir de la Documentation de navigateurs,Le log,debuget aussi info méthodes sont identiques dans la mise en œuvre de sages, mais varie en couleur et l'icône de

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

    • Cela devrait être un commentaire ou ajouter plus d'explication avec la réponse à comment les deux sont identiques ou pas de différence pour comprendre les OP et les autres.Merci
    InformationsquelleAutor