Miércoles, 09 Noviembre 2016 15:18

Abrir la consola de JavaScript en los principales navegadores

Valora este artículo
(0 votos)

Banner Tutoriales para JavaScript

Introducción a JavaScript: Abriendo la consola JavaScript

Hoy en día es normal encontrar consolas de evaluación y depuración de códigos en la mayoría de los navegadores web, consolas sobre las cuales trabajaremos en clases con la finalidad de testear algunos códigos de introducción a JavaScript. A continuación veremos como acceder a éstas desde Chrome, Edge , Firefox, Opera, Safari y Vivaldi; en todos los casos las capturas de pantalla corresponden a la última versión disponible o instalada, en este caso, sobre Windows 10, al momento de crear la presente entrada.

La consola en Chrome

Atajo de teclado:

Windows: Ctrl+Shift+J

Mac: Cmd+Option++J

Abriendo la consola desde el menú en Chrome:

Consola Chrome desde el menú

Vista de la consola en Chrome:

Una vez abierta la consola tendrá un aspecto similar al siguiente:

Vista de la consola en Chorme


La consola en Edge

Atajo de teclado:

En Windows: F12

Abriend ola consola desde el menú de Edge:

Abriendo la consola en Edge

Vista de la consola en Edge:

Vista de la consola en Edge


La consola en Firefox

Atajo de teclado:

En Windows: Ctrl+Shift+K

En Mac: Command+Option+K

Abriendo la consola desde el menú de Firefox:

1. Desde el menú principal:

Abriendo la consola desde Firefox (1)

2. Enseguida elegir:

Abriendo la consola desde Firefox (2)

Vista de la consola en Firefox:

La consola en Firefox


La consola en Safari

Atajo de teclado:

Desde Windows: Ctrl+Alt+C

Desde Mac: Cmd+Option+C

Abriendo la consola desde el menú de Safari:

Debido a que estamos trabajando desde Windows, y a la supuesta discontinuación en el desarrollo de Safari para este sistema operativo solo vamos a aclarar que, para ver la opción de desarrollo en el menú de Safari, debemos seleccionar "Preferencias" desde el menú principal del programa, y luego, en la pestaña de la ventana abierta, chequearemos la opción correspondiente en la lengüeta "Avanzada".

Vista de la consola en Safari:

Vista de la consola en Safari


La consola en Vivaldi

Atajo de teclado:

Desde Windows: Ctrl+Shift+i

Abriendo la consola desde el menú de Vivaldi:

Abriendo la consola desde el menú de Vivaldi

Vista de la consola en Vivaldi:

Vista de la consola en Vivaldi

A partir de próximas entradas veremos la manera de utilizar la consola de cualesquiera de éstos navegadores para testear nuestros códigos realizados en JavaScript.

Nota: Esta entrada se encuentra publicada y actualizada en el curso de Diseño Web del Campus Virtual de Formación Gráfica.

Saludos para todos!
Plácido Luna.

Visto 224 veces Modificado por última vez en Sábado, 10 Junio 2017 11:06