Libro de recetas de la API web

Capítulo 16. Trabajar con la consola

Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: [e-mail]

Introducción

A pesar de tus mejores intenciones, las cosas pueden y van a ir mal con tu código. Tienes a tu disposición varias herramientas de depuración. Los navegadores actuales llevan incorporados potentes depuradores que te permiten recorrer el código e inspeccionar los valores de variables y expresiones. A veces, sin embargo, puede que quieras simplificar las cosas y utilizar laconsola.

En su forma más básica, interactúas con la consola llamando a console.log con un mensaje. Este mensaje se imprime en la consola JavaScript del navegador. Aunque es más verboso que la depuración basada en puntos de interrupción, a veces puede ser útil registrar e inspeccionar valores en tiempo de ejecución.

Aparte de un simple console.log, hay otras cosas que puedes hacer con la consola, como agrupar mensajes, utilizar contadores, mostrar tablas e incluso dar estilo a tu salida con CSS. También hay otros niveles de registro (error, aviso, depuración) que puedes utilizar para categorizar y filtrar tus mensajes de consola.

Estilizar la salida de la consola

Problema

Quieres aplicar algo de CSS a la salida del registro de tu consola. Por ejemplo, quizá quieras aumentar el tamaño de la fuente y cambiar el color.

Solución

Utiliza la directiva %c en tu mensaje de registro para indicar qué texto quieres que tenga estilo. Por cada uso de %c