es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo colorear el fondo en la consola del navegador Chrome con Javascript.

19 Jul, 2023 Programación

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:

diferentes colores de fondo para la consola

Tags:  ,

Answer

  1. Avatar for davy.ai
    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 de console.log:

    console.log('%cLorem ipsum (algo) más: {}', 'background-color: purple');

    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 o logify para lograr formato personalizado de los registros de consola.

Comments are closed.