191 votos

¿Diferencia entre console.log() y console.debug()?

Google no me ha servido de ayuda, ya que al buscar "console.debug" sólo aparecen un montón de páginas en las que aparecen las palabras "console" y "debug".

Me pregunto cuál es la diferencia entre console.log() y console.debug() . ¿Hay alguna manera de utilizar un montón de console.debug() y luego pulsar un interruptor para desactivar fácilmente todas las sentencias de depuración que se envían a la consola (como después de lanzar un sitio)?

135voto

Técnicamente console.log console.debug y console.info son idénticos Sin embargo, la forma en que muestran los datos es un poco diferente. console.debug no es visible por defecto en la consola JS del navegador. Puede activarse utilizando las opciones de filtro de la consola.

console.log Texto en color negro sin icono

console.info Texto en color azul con icono

console.debug Texto en color negro puro

console.warn Texto en color amarillo con icono

console.error Texto en color rojo con icono

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

81voto

Pete TNT Puntos 8095

49voto

user2486570 Puntos 67

Son casi idénticos - la única diferencia es que los mensajes de depuración están ocultos por defecto en las versiones recientes de Chrome (hay que establecer el nivel de registro en Verbose en la barra superior de Devtools mientras está en la consola para ver los mensajes de depuración; los mensajes de registro son visibles por defecto).

15voto

Venkat Puntos 2330

console.info , console.debug son idénticos a console.log .

  • console.log Declaración de impresión
  • console.info Texto en color negro con el icono "i" en color azul
  • console.debug Texto en color azul

Documentación:

6voto

Espen M. S. Puntos 221

Si desea desactivar el registro una vez finalizado un producto, puede anular la opción console.debug() o crear otra personalizada.

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

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

Foo▸ {edad: 41, nombre: "Jhon Doe"}

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

Sin salida

Sin embargo, no he encontrado una manera de colorear las salidas también.

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X