La razón más común por la que los usuarios desean abrir la consola de su navegador es identificar problemas con la edición de páginas, elementos de interfaz rotos, mal comportamiento y otros tipos de errores y conflictos JavaScripts.
Dado que solo hay cuatro navegadores diferentes con más del 5% de cuota de mercado (Chrome, Safari, Edge y Firefox), le mostraremos múltiples formas de abrir la consola en cada uno de ellos. Pero tenga en cuenta que con cada navegador, los elementos y errores generalmente están codificados por colores y etiquetados de manera diferente.
Cómo abrir la consola en Google Chrome
En Chrome, en realidad hay tres formas diferentes que le permitirán abrir la consola integrada.
Independientemente de la compilación de Chrome que esté utilizando, puede usar uno de estos accesos directos para abrir y cerrar la consola integrada:
F12
Ctrl + Shift + J (Cmd + Opción + J en Mac)
Tenga en cuenta que los mismos atajos también se pueden usar para ocultar la consola. De forma predeterminada, la consola de Google Chrome ocupa exactamente la mitad de la pantalla, pero puede ajustar la relación fácilmente a través del control deslizante en el medio y el navegador recordará la modificación la próxima vez que abra la consola.
Si desea enfocarse en un elemento específico, simplemente puede resaltarlo con el mouse y luego hacer clic derecho sobre él> Inspeccionar. Esto abrirá la pestaña Elementos y la pestaña Estilos de la consola, lo que le permitirá enfocarse en el elemento en cuestión.
Sin embargo, también puede acceder a la consola a través del menú GUI de Google Chrome. Para hacer esto, simplemente haga clic en el botón de acción en la esquina superior derecha y vaya a Más herramientas> Herramientas para desarrolladores .
Si está buscando trabajar de la manera más eficiente posible, aquí hay una lista de accesos directos de la Consola de Chrome que puede usar.
Cómo abrir la consola en Google Microsoft Edge
Como cualquier otro navegador, Microsoft Edge también tiene una herramienta de consola destinada a desarrolladores que realizan depuración interactiva o pruebas ad hoc.
Esta herramienta registra información asociada con la página web que se está visitando. Encontrará información relacionada con Javascript, solicitudes de red y errores de seguridad .
La manera fácil de abrir la Herramienta de consola en Microsoft Edge es mediante el acceso directo predefinido ( tecla F12 ).
Pero también puede hacerlo a través del menú GUI haciendo clic en el botón de acción (esquina superior izquierda)> Más herramientas> Herramientas de desarrollador.
Y similar a la funcionalidad en los otros navegadores, Microsoft Edge también le permite inspeccionar elementos específicos utilizando la consola incorporada. Para hacer esto, simplemente seleccione y haga clic derecho en un elemento y elija Inspeccionar elemento.
Aquí hay una lista con algunos atajos útiles que puede usar dentro de la consola integrada de Microsoft Edge:
- Lanzar la consola en modo de enfoque Ctrl + Shift + J
- Cambiar a la consola Ctrl + 2
- Mostrar u ocultar la consola desde otra pestaña de DevTools Ctrl + ` (marca de retroceso)
- Ejecutar (comando de una sola línea) Entrar
- Salto de línea sin ejecutar (comando multilínea) Shift + Enter o Ctrl + Enter
- Borrar la consola de todos los mensajes Ctrl + L
- Filtrar registros (establecer foco en cuadro de búsqueda) Ctrl + F
- Aceptar sugerencia de finalización automática (cuando está enfocado) Enter o Tab
- Sugerencia de finalización automática anterior / siguiente Tecla de flecha arriba / Tecla de flecha abajo
Cómo abrir la consola en Mozilla Firefox
La consola integrada en Mozilla Firefox funciona un poco diferente a los otros equivalentes que hemos analizado hasta ahora. Lo que quiero decir con esto es que se abrirá automáticamente en una ventana independiente, en lugar de dividir la pantalla del navegador por la mitad.
Esto permite un enfoque más productivo para las personas con segundas pantallas, pero podría interferir con los usuarios que necesitan trabajar con una pantalla pequeña. (Si se encuentra en este escenario, puede usar el atajo Alt + Tab para alternar entre Firefox y la consola del navegador asociada.
Para abrir la consola del navegador integrado en Mozilla Firefox, tiene tres opciones:
- Puede usar el acceso directo universal: Ctrl + Shift + J (o Cmd + Shift + J en una Mac)
- Puede abrirlo desde el menú de acciones: haciendo clic en el menú de acciones> Desarrollador web> Consola del navegador .
- O puede forzar que la Consola del navegador se abra directamente iniciando Firefox desde la línea de comandos y pasando el argumento '-jsconsole': /Applications/FirefoxAurora.app/Contents/MacOS/firefox-bin -jsconsole
Cómo abrir la consola en Google Safari
A diferencia de todos los demás navegadores que hemos visto hasta ahora, la Consola de errores en Safari está deshabilitada de forma predeterminada. Debido a esto, deberá realizar un paso adicional para habilitarlo en su navegador.
Para hacer esto, abra Safari y haga clic en la pestaña Preferencias . Una vez que esté dentro de la pestaña Preferencias , haga clic en la pestaña Avanzado y marque la casilla asociada con el menú Mostrar desarrollo en la barra de menú.
Ahora que ha hecho visible la consola, puede abrirla accediendo a la pestaña Desarrollar en la parte superior y haciendo clic en Mostrar consola de error .
Tenga en cuenta que Safari tiene una forma dinámica de mostrar la consola de error. Si la ventana es pequeña cuando abre la consola, la verá en una ventana completamente diferente.
En caso de que desee abrir la consola en la misma ventana que su página, deberá asegurarse de que la ventana del navegador sea de tamaño completo antes de abrir la consola de Error.
Fecha actualización el 2021-03-08. Fecha publicación el 2020-03-08. Categoría: chrome Autor: Oscar olg Mapa del sitio Fuente: appuals Version movil