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.
Deja una respuesta
Lo siento, debes estar conectado para publicar un comentario.
Te podría interesar...