"¿Qué es la consola del navegador, por qué la necesito y dónde se encuentra?"

Introducción

Algunas pruebas requieren que la consola del navegador esté abierta. La consola web es parte de las herramientas de desarrollo que proporciona tu navegador, mostrando información de manejo de errores implementada por los desarrolladores de un sitio web o información recopilada por tu navegador si el problema está relacionado, por ejemplo, con JavaScript. Esta información ayuda al cliente, especialmente a los desarrolladores, a identificar qué problema causa el error.

Cómo abrir la consola se explicará paso a paso para diferentes navegadores y sistemas operativos en el siguiente artículo.

Ten en cuenta que muchas de las configuraciones de tu sistema solo se tienen que realizar una vez, y cada uso posterior requerirá menos pasos.

Obtener registros de la consola del navegador en Windows y macOS

Microsoft Edge, Chrome, Firefox, Opera, Brave

Abre el sitio web que se va a probar.
Presiona en tu teclado Ctrl + Shift + I (Windows) o alt/option + cmd + I (macOS).
Haz clic en la pestaña "Consola" (si la pestaña "Consola" no está seleccionada).

Safari

Requisito previo:

Abre el navegador Safari en tu computadora macOS.
Abre el menú "Preferencias" (presiona en tu teclado cmd + , o abre Safari en la barra de menú --> Preferencias...).
Ve a la pestaña "Avanzado".
Marca la casilla "Mostrar menú de desarrollo en la barra de menú". Después de hacer esto, deberías poder ver el menú "Desarrollo" en la barra de menú.

Una vez que hayas activado el menú "Desarrollo":

Abre el sitio web que se va a probar.
Presiona en tu teclado alt/option + cmd + C (macOS).
Haz clic en la pestaña "Consola" (si la pestaña "Consola" no está seleccionada).

En todos los casos anteriores, deberías ver la Consola abierta. Si, por alguna razón, la Consola no se inicia, existe una solución rápida. Solo necesitas hacer clic derecho en el sitio web, luego en el menú que se abre, selecciona "Inspeccionar" o "Inspeccionar elemento", y finalmente, elige la pestaña "Consola"

Si prefieres cambiar la ubicación de la superposición de las herramientas de desarrollo, simplemente haz clic en el botón de los "tres puntos" en la esquina superior derecha de la superposición. Desde allí, podrás seleccionar la ubicación que prefieras.

Obtener registros de la consola del navegador en Android

Chrome

No es posible mostrar la consola directamente en tu dispositivo móvil, pero puedes hacerlo al conectarlo a una computadora. Para lograrlo, debes habilitar las opciones de desarrollo y la depuración USB en tu dispositivo Android. Si ya has completado estos pasos, puedes pasar a la Parte 2.

Parte 1: Prepara tu teléfono Android para la depuración USB

Abre la aplicación "Configuración".
Busca el número de compilación (generalmente ubicado en la sección "Información del software" en "Acerca del teléfono").
Toca repetidamente el número de compilación hasta que aparezca un mensaje que diga "¡Ahora eres un desarrollador!".
Ahora que has activado las Opciones de Desarrollador, busca y abre la sección correspondiente en Configuración
Si la Opción de Desarrollador aún no está activada, actívala tocando el botón correspondiente.
Encuentra la opción "Depuración USB" y actívala tocando el botón correspondiente.

Parte 2: Conecta Chrome en tu computadora con tu dispositivo Android

En tu teléfono Android, abre el sitio web que se debe probar.
Abre Google Chrome en tu computadora Windows o macOS.
En la barra de direcciones, ingresa chrome://inspect y navega a esa página.
Asegúrate de que la casilla "Descubrir dispositivos USB" esté habilitada.
Conecta tu teléfono Android a tu computadora mediante un cable USB.
Si previamente no habías usado la Depuración USB en tu teléfono Android, deberías ver un mensaje que dice "¿Permitir la depuración USB?". Toca en "Aceptar". También puedes marcar la opción "Permitir siempre desde esta computadora" y tocar en "Aceptar" para asegurarte de no responder esta pregunta cada vez que debas obtener registros del navegador.
Ahora deberías ver tu dispositivo en la sección "Destino Remoto". También verás las pestañas abiertas en el navegador de tu teléfono. Para comenzar las pruebas, deberás hacer clic en el botón "Inspeccionar" debajo de la pestaña que desees probar, y se abrirá una nueva ventana con la pantalla de tu dispositivo y las Herramientas de Desarrollo (asegúrate de que la pestaña "Consola" esté seleccionada en las Herramientas de Desarrollo).

Solución de problemas: Si el dispositivo no se detecta, intenta las siguientes soluciones:

Desconecta tu teléfono del cable USB y conéctalo nuevamente.
Intenta cambiar los puertos USB de tu computadora.
Prueba con otro cable USB.
Si las soluciones anteriores no funcionan, puedes encontrar consejos para solucionar problemas en este foro de desarrolladores de Google.

Obtener registros de la consola del navegador en un dispositivo iOS en macOS

Safari

Para obtener registros de la consola del navegador de Safari en un dispositivo iOS, necesitarás una computadora macOS. Para obtener registros de navegador de Safari en tu dispositivo iOS, deberás activar el menú "Desarrollo" en Safari en tu macOS y activar "Inspector Web" en la configuración de Safari en tu dispositivo iOS. Si ya has realizado esto, puedes saltar a la Parte 2.

Parte 1: Preparar tu navegador Safari en macOS y tus dispositivos iOS para la depuración

Abre el navegador Safari en tu computadora macOS.
Abre el menú "Preferencias..." (presiona en tu teclado cmd + , o abre Safari en la barra de menú --> Preferencias...).
Ve a la pestaña "Avanzado".
Marca la casilla "Mostrar menú de desarrollo en la barra de menú". Después de hacer esto, deberías poder ver el menú "Desarrollo" en la barra de menú.
En tu dispositivo iOS, abre la aplicación "Configuración".
Encuentra y abre la aplicación "Safari".
Desplázate hacia abajo y toca en la opción "Avanzado".
Activa "Inspector Web" tocando el interruptor correspondiente.

Parte 2: Obtener registros de la consola

Abre la aplicación Safari en tu dispositivo iOS y abre el sitio web que se debe probar.
Conecta tu dispositivo iOS a tu macOS mediante un cable USB.
2a. Si ves un mensaje que dice "¿Confiar en este ordenador?" en tu dispositivo, toca "Confiar" y, si es necesario, ingresa el código de tu dispositivo.
Abre la aplicación Safari en tu macOS.
Haz clic en el menú "Desarrollo" en la barra de menú.
Coloca el cursor del mouse sobre el nombre de tu dispositivo iOS y haz clic en el nombre del sitio web que deseas probar.
Ahora deberías poder ver el "Inspector Web" y puedes comenzar las pruebas (asegúrate de que la pestaña "Consola" esté seleccionada en el "Inspector Web").