¿Cómo abro la consola de JavaScript en diferentes navegadores?

78

Los navegadores web proporcionan una consola JavaScript como parte de sus herramientas de desarrollador. Esta consola es útil por los siguientes motivos:

  • Los errores y advertencias que ocurren en una página web se registran en la consola.
  • Los comandos de JavaScript para interactuar con una página web se pueden ejecutar en la consola.

¿Cuáles son los atajos de teclado para abrir la consola en diferentes navegadores?

Šime Vidas
fuente
Fui e hice un tinyurl que enlaza aquí, así que si necesitas instruir a una audiencia de gente de navegador variada para abrir su consola javascript ... tinyurl.com/jscons
MalcolmOcean

Respuestas:

65

Cromo

Abrir el panel "Consola" de DevTools de Chrome :

  • Windows y Linux: Ctrl+ Shift+J

  • Mac OS: Cmd+ Opt+J

Nota: Además del panel "Consola", también existe una consola deslizable más pequeña que se puede activar Escmientras cualquiera de los otros paneles está activo.

Documentación completa


Firefox

Abrir el panel "Consola" en las Herramientas para desarrolladores de Firefox :

  • Windows: Ctrl+ Shift+K

  • Mac OS: Cmd+ Opt+K

Nota: Además del panel "Consola", también existe una consola deslizable más pequeña que se puede activar Escmientras cualquiera de los otros paneles está activo.

Documentación completa


explorador de Internet

Abrir el panel "Consola" en las Herramientas de desarrollo F12 de Internet Explorer :

  • F12, luego haga clic en la pestaña "Consola"

Nota: Además del panel "Consola", también existe una consola deslizable más pequeña que se puede alternar mediante Ctrl+ `mientras cualquiera de los otros paneles está activo.

Documentación completa


Safari

Nota: Para ver la consola en Safari, debe habilitar la configuración "Mostrar menú de desarrollo en la barra de menú" en el panel "Avanzado" de las preferencias de Safari ( captura de pantalla ).

Abrir el panel "Consola" en el Inspector web de Safari :

  • Cmd+ Opt+C

Nota: Además del panel "Consola", también existe una consola deslizable más pequeña que se puede activar Escmientras cualquiera de los otros paneles está activo.

Documentación completa


Ópera

  • Windows y Linux: Ctrl+ Shift+I
  • Mac: + +I

Documentación completa

Šime Vidas
fuente
1
En Firefox, se puede abrir en una ventana separada (y ser global, no solo para la pestaña actual) mediante el menú HerramientasDesarrollador webConsola del navegador .
Peter Mortensen
F12 funciona en muchos navegadores.
Álvaro González
11

Para acceder indirectamente a la consola en Opera (marcado en v9.6), el acceso directo es Ctrl+ Shift+ imientras que en Safari 5 (en Windows) es Ctrl+ Alt+i

Desearía que todos los fabricantes de navegadores pudieran reunirse para estandarizar los atajos de teclado .

Actualización: Parece que la pestaña REPL en la pestaña Scripts en Opera Dragonfly en Opera 11 es similar a la opción Consola que estaba disponible en versiones anteriores de Opera.

No encontré mucha documentación sobre REPL después de una búsqueda superficial, a excepción de este artículo que tiene una referencia indirecta.

Probé este comando en REPL con la página de inicio de Google abierta y se ejecutó bien, es decir, ocultó el logotipo de Google: document.getElementById ('logo'). Style.visibility = 'hidden';

mvark
fuente
CTRL + MAYÚS + Abriré las herramientas de desarrollo en Opera. ¿Pero dónde está la consola de JavaScript? ¿Dónde puedo ingresar el código JavaScript y ejecutarlo?
Šime Vidas
CTRL + ALT + I no hace nada en mi Safari 5 en Windows 7. ¿Puede confirmar que funciona?
Šime Vidas
Esto podría deberse a que no tiene habilitada la opción de menú Desarrollar. Para activar esta opción, vaya a Edición> Preferencias y en la pestaña Avanzado habilite la opción de casilla de verificación "Mostrar menú Desarrollar en la barra de menú".
mvark 01 de
Ese fue mi problema. Estúpido Apple deshabilita las características del desarrollador por defecto. :)Gracias.
Šime Vidas
Sí eso es. Pasé por alto esa pestaña REPL en la parte inferior LOL
Šime Vidas