Colores en la consola JavaScript

    Siempre es interesante a la hora de depurar el código de una aplicación web saber como utilizar colores en la consola. Cambiar el color de fondo del texto o el color del texto nos puede ayudar bastante a la hora de localizar los datos que hemos imprimido en nuestra consola JavaScript.
      Para hacerlo utilizamos el método log de console. La sintaxis es la siguiente:
console.log("%c[texto]", "[código_css]");
      Aquí os muestro unos ejemplos de cómo se utiliza:
console.log("%cSoy de color azul", "color: blue"); console.log("%cEspaña","background: red; color: yellow"); console.log("%cNaranja!", "color: #F95;"); console.log("%cTachado","text-decoration:line-through;");
    El resultado obtenido, tanto en Firefox como en Chrome seria algo así como:

Soy de color azul
  España
  Naranja!
  Tachado

    Se podría decir que el %c es algo similar a una máscara de la función printf de C. El segundo parámetro de la función log sería el código CSS que se va a aplicar al texto escrito.
    También sería buena idea recordar que podemos hacer uso de las funciones console.error() o console.warn() para depurar nuestro código. Utilizando la función de los errores además podemos obtener información sobre la línea y el orden de las llamadas de las funciones en el momento en el que se ha dado el error.



No hay comentarios :

Publicar un comentario