propiedades - JavaScript: agrega estilo al texto del registro de la consola

modificar css mediante javascript

Question

Esta pregunta ya tiene una respuesta aquí:

• Colores en JavaScript console 15 respuestas

Recientemente inicié sesión en mi cuenta de FB en el navegador Chrome. Cuando abrí las herramientas de desarrollador, vi algo como esto:

Ahora sé que es posible agregar algo a la consola usando la función javascript console.log . Pero mi pregunta es: ¿cómo agregaron estilo al texto? Ej. "¡Alto!" está escrito en una fuente tahoma roja con borde negro y un tamaño más grande. ¿Cómo lo hicieron?

Answer 1

Addy Osmani tiene una buena explicación:

https://plus.google.com/+AddyOsmani/posts/TanDFKEN9Kn

Básicamente, puede usar el parámetro% c para pasar el estilo de CSS. Por ejemplo, intente lo siguiente en su consola de Chrome:

console.log("%cBlue! %cGreen", "color: blue; font-size:15px;", "color: green; font-size:12px;");