Agregar estilos a las declaraciones de la consola -

Recientemente estuve revisando Google Plus porque implementan algunos efectos increíbles. Abrí la consola y aparece el siguiente mensaje:

¡ADVERTENCIA!

El uso de esta consola puede permitir que los atacantes se hagan pasar por usted y roben su información mediante un ataque llamado Self-XSS.

No ingrese ni pegue códigos que no comprenda.

No me sorprendió ver ese mensaje, pero lo que sí noté fue que el texto era rojo y el fondo amarillo. El texto era incluso un poco más grande. ¿Cómo lo hicieron? Bastante fácilmente:

console.log("%c%s", "color: rojo; fondo: amarillo; tamaño de fuente: 24px;", "¡ADVERTENCIA!");

El primer argumento es el orden del estilo y el mensaje, el segundo es el conjunto de estilos y el último es el mensaje deseado.

¿En cuanto a por qué querrías usar esto? Si le ayuda a identificar la información de depuración más fácilmente en la consola, puede considerar llamar más la atención sobre algunos mensajes.

Te podría interesar...

Deja una respuesta

Subir