Cómo usar la consola de desarrollador de JavaScript?
Tal vez no comiences en JavaScript, pero te encuentras con un método fascinante de JavaScript que quieres probar. Como desarrollador de JavaScript, la forma más rápida de ejecutar un fragmento de código es usar la consola de desarrollador del navegador. Estas consolas están diseñadas para ayudar a los desarrolladores de aplicaciones web, ya que no necesitan hacer un archivo HTML separado para probar un método JavaScript simple.
Casi todos los navegadores web modernos vienen con el soporte de ejecutar los comandos de JavaScript desde su consola de desarrolladores. Esta característica se usa altamente debido al hecho de que no solo ahorra tiempo, sino que no requiere mucha potencia de procesamiento para verificar algunas funcionalidades básicas de JavaScript. Vamos a aprender cómo puede navegar hasta la consola del desarrollador para diferentes navegadores y luego probar algunos comandos de JavaScript dentro de ellos.
Consola de desarrollador de Microsoft Edge
Puede acceder a la consola del desarrollador en el borde utilizando los siguientes pasos:
- Haga clic en el botón Opciones
- Después de hacer clic en el botón Opciones, verá una lista desplegable de varias opciones; Pase la opción que dice "más herramientas"
- De la lista, haga clic en "Herramientas de desarrollador"
- Después de eso, la consola de desarrolladores aparecerá en la pantalla
- Tecla de acceso directo: Ctrl + shift + i
Consola de desarrollador de Opera
Para abrir la consola de desarrolladores en el navegador web de Opera, haga los siguientes pasos
- Haga clic en la ópera "OÍcono en la esquina superior izquierda
- Desde el menú desplegable, pasee la opción que dice "desarrollador"
- Desde la lista emergente, haga clic en la opción que dice "Herramientas para desarrolladores"
- La consola de desarrolladores se abrirá frente a usted, como esta
- Clave de acceso directo: F12
Consola de desarrollador de Mozilla Firefox
Para abrir la consola de desarrolladores de Firefox, siga estos pasos
- Haga clic en el signo de la hamburguesa "☰" como se muestra en el GIF a continuación
- En el menú desplegable, seleccione "Más herramientas"
- Desde la nueva lista, haga clic en la opción que dice "Herramientas de desarrollador web"
- Tendrás la consola de desarrolladores frente a ti como esta
- Tecla de acceso directo: Ctrl + shift + k || Comando + Opción + K
La consola de desarrolladores de Google Chrome
Acceda a la consola de desarrollador de Chrome por:
- Haga clic en los 3 puntos también conocidos como el botón Opciones como se muestra en el GIF a continuación
- Desde el menú desplegable, haga clic en "Más herramientas"
- Desde la nueva lista emergente, haga clic en "Herramientas de desarrollador"
- La consola se abrirá así
- Clave de accesos directos: comando + opción + j || Control + cambio + j
Probar los comandos de JavaScript en la consola de desarrolladores
Vamos a probar ejecutando comandos JavaScript en la consola de desarrolladores, para este tutorial, utilizaremos la consola de desarrolladores de Google Chrome.
Imprimamos "Hello World" usando el comando:
consola.Log ("Hola mundo! Esto es linuxhint!");La salida es como:
Pero imprimir "hola mundo" es bastante aburrido, intentemos usar el cuadro de diálogo de alerta del navegador para saludar al mundo. Puede hacer esto usando el comando "Alerta":
alerta ("Hola mundo! Este es Linuxhint ");Escriba o copie este comando en la consola y presione Entrar. Verás un cuadro de alerta como este:
Eso es todo, ahora sabes cómo ejecutar JavaScript en la consola de desarrolladores en varios navegadores.
Conclusión
Desarrollador Console proporciona la instalación para ejecutar el código JavaScript directamente dentro del navegador sin tener la necesidad de implementar una página web HTML junto con su página de script. Aprendimos cómo podemos navegar a las páginas de la consola de desarrolladores de diferentes navegadores. Probamos ejecutar el comando JavaScript en la consola y le solicitamos al usuario utilizando el cuadro de diálogo de alerta incorporado del navegador. Esperamos que pueda utilizar la instalación de ejecutar JavaScript directamente en la consola del navegador y aprender más sobre JavaScript.