Abrir la consola del

navegador web
¿Qué es la consola del navegador?
Todos los navegadores web modernos incluyen una consola, una
poderosa herramienta creada para desarrolladores, usuarios
avanzados o cualquier persona.

Muestra mensajes de información, error o alerta que se reciben al

hacer las peticiones para cargar desde la red los elementos
incluidos en las páginas.

Además incluye inspectores o verdaderos depuradores de código.

También permite interactuar con la página, ejecutando expresiones

o comandos de JavaScript.

El propósito es probar el funcionamiento de las páginas o

aplicaciones y descubrir posibles errores en el código.

Esta consola la usamos los desarrolladores, pero cualquier

aficionado puede probarla y así estar al tanto del contenido de las
páginas de cualquier sitio web.

También es posible crear un sencillo script que brinde a cualquier

visitante curioso que abra la consola de su navegador, un mensaje
de saludo, de información o de cualquier otro tipo,

Este artículo cubre todo lo necesario para abrir la consola de los

principales navegadores, bien sea mediante atajos o
seleccionando el menú para Google Chrome, Internet Explorer,
Microsoft Edge, Mozilla Firefox y Safari. Encontrarás a
continuación las instrucciones para cada tipo de navegador.
 Alfredo Herraiz Naranjo

¿Cómo abrir la consola en Google Chrome ?

Mediante atajo de teclado:

Windows:

+ +
Mac:

+ +

A través del Menú:

Paso 1 - Encontrarás un botón en la parte superior derecha de tu

navegador (3 puntos verticales), y haz click sobre el
submenú de 'Más herramientas'.

Paso 2 - Deberás ver un menú donde podrás seleccionar el

comando ‘Herramientas para desarrolladores'.

Paso 3 - Se abrirá una nueva pantalla, deberás seleccionar

"Consola" en la barra superior de esa página.

2
 Abrir la consola del navegador web

Asegúrate que la pestaña en la media ventana que aparece esté

configurada para Consola (Console).

Si hay errores, serán visibles en letras rojas. También habrá una x

blanca en un círculo rojo y un número que dice cuántos errores se
han registrado.

Si hay más de un error puedes abrir la consola en una ventana

separada al hacer clic en los tres puntos verticales que están a la
izquierda de la x que cierra la ventana de consola. Esto abrirá un
menú, a la derecha del Lado de ancla verás cuatro opciones;
selecciona la primera que dice "Desanclar a ventana separada"
cuando se ilumine con el cursor.

¿Cómo abrir la consola en Internet Explorer ?

Mediante atajo de teclado:

Pulsando la tecla (y después elige la pestaña

de 'Consola').

A través del Menú:

Paso 1 - Encontrarás un botón en la parte superior derecha de tu

navegador ('Herramientas'), elige el submenú que dice
'F12 Herramientas de Desarrollo'.
3
 Alfredo Herraiz Naranjo

Paso 2 - Elige la pestaña de ‘Consola’.

¿Cómo abrir la consola en Microsoft Edge ?

Mediante atajo de teclado:

Pulsando la tecla (y después elige la pestaña

de 'Consola').

A través del Menú:

Paso 1 - Haz clic en los tres puntos horizontales en la esquina

superior derecha y haz clic en Herramientas de
Desarrollo.

4
 Abrir la consola del navegador web

Paso 2 - Asegúrate de que la pestaña esté activada sea la de la

Consola.

¿Cómo abrir la consola en Mozilla Firefox ?

Mediante atajo de teclado:

Windows:

+ +
Mac:

+ +
5
 Alfredo Herraiz Naranjo

A través del Menú:

Paso 1 - En la parte superior derecha de tu navegador

encontrarás 3 líneas horizontales. selecciona el
submenú de 'Desarrollador'.

Paso 2 - Selecciona el submenú de Desarrollador Web.

Paso 3 - En el menú emergente, elige Consola del

Navegador.

6
 Abrir la consola del navegador web

¿Cómo abrir la consola en Opera ?

Mediante atajo de teclado:

Windows:

+ +
Mac:

+ +

A través del Menú:

Paso 1 - Haz clic en el icono de la O en esquina superior

izquierda y haz clic en Desarrollo.

7
 Alfredo Herraiz Naranjo

Paso 2 – Después haz clic en Herramientas de desarrollo.

Paso 3 – Después haz clic en Console.

8
 Abrir la consola del navegador web

¿Cómo abrir la consola en Safari ?

Mediante atajo de teclado:

+ +

A través del Menú:

Paso 1 - Encontrarás un botón en la parte superior derecha de

tu navegador un menú que dice Safari (al lado de la
manzana). Deberás elegir el submenú Preferencias...

Paso 2 - En la ventana emergente, elige el menú de Avanzado

localizado en el extremo derecho de la pantalla.

9
 Alfredo Herraiz Naranjo

En la parte inferior de la ventana, podrás ver la

opción de Mostrar menú de desarrollo en la barra
de menú. Haz click en esta casilla.

Paso 3 - Cierra la ventana emergente.

Paso 4 - A partir de este momento, podrás ver la palabra

Desarrollo localizado entre 'Favoritos' y 'Ventana'.
Haz click ahí.

Paso 5 - En el menú desplegable, podrás ver la opción de

Mostrar Consola de Errores.

10
 Abrir la consola del navegador web

Haz click para abrir esta consola.

11