La consola del navegador
Clase 2 de 102 min de lectura
Antes de escribir una sola línea de JavaScript necesitas un sitio donde probarla. La buena noticia es que ya lo tienes instalado: tu navegador web. Si no tienes ninguno a mano, te recomiendo Google Chrome o Brave Browser.
Todos los navegadores esconden una herramienta llamada consola. Piensa en ella como un chat con JavaScript: tú escribes una instrucción, pulsas Enter y te responde al instante con el resultado.
2 + 24'Hola' + ' mundo''Hola mundo'Además de responderte, la consola es el lugar donde aparecen los errores, las advertencias y las trazas de tu código. Vamos, que es donde vas a mirar cada vez que algo no funcione como esperabas.
Hay otras formas de ejecutar JavaScript, pero para empezar esta es la más rápida: no hay que instalar ni configurar nada.
Cómo abrir la consola#
Son tres pasos y no tardas ni diez segundos:
- Abre tu navegador. Por ejemplo, Google Chrome.
- Escribe
about:blanken la barra de direcciones. Es una página totalmente vacía, así ninguna web te llenará la consola con sus propios mensajes. - Haz clic derecho en cualquier parte de la página y elige Inspeccionar (o Inspect, si tienes el navegador en inglés). Después, entra en la pestaña Consola.
En Google Chrome o Brave, este es el aspecto de la consola
Ya puedes escribir JavaScript y ver qué pasa. ¿Y si te equivocas? No se rompe nada: la consola te avisa en rojo y te cuenta qué ha ido mal.
holaUncaught ReferenceError: hola is not definedEs lo que usaremos en las primeras clases del curso. Más adelante pasaremos a un editor de código más potente.
En resumen
- La consola viene incluida en todos los navegadores: no tienes que instalar nada.
- Ejecuta JavaScript en tiempo real y te enseña el resultado.
- También muestra los errores, advertencias y trazas de tu código.
- Usa
about:blankpara practicar sin el ruido de otras páginas.