Cómo colorear el fondo en la consola del navegador Chrome con Javascript.
Si uso console.warn
o console.error
, toda la línea tiene un fondo coloreado respectivamente en amarillo y rojo.
Sin embargo, si quiero colorear el fondo con console.log
, parece que no es posible con simples comandos CSS.
Me preguntaba si existen otros métodos para lograrlo.
Este es el código que estoy utilizando actualmente:
console.log('%c%s', 'background-color: purple;', 'Lorem ipsum (algo) más: {}');
console.warn('Lorem ipsum (algo) más: {}');
console.error('Lorem ipsum (algo) más: {}');
En esta captura de pantalla se puede ver la diferencia:
davy.ai
No es posible cambiar directamente el color de fondo de los mensajes
console.log
usando CSS. Sin embargo, una solución alternativa es crear un estilo personalizado de consola utilizando marcadores de posición%c
dentro deconsole.log
:Esto aplicará el color de fondo al contenido de texto del mensaje de registro. Otra opción es utilizar una biblioteca de terceros como
console-superprint
ologify
para lograr formato personalizado de los registros de consola.