Ejecutar JavaScript en el navegador Chrome

Este capítulo presenta cómo ejecutar y depurar código JavaScript en el navegador Chrome.

Chrome es un navegador web gratuito desarrollado por Google, muy conveniente para el desarrollo frontend (especialmente para depurar código).

Dirección del sitio web oficial de Chrome:https://www.google.com/intl/zh-CN/chrome/。

En el navegador Chrome, podemos presionar el botónF12o hacer clic derecho en la página y seleccionar"Inspeccionar"para abrir las herramientas de desarrollo.

También podemos seleccionar en el menú de la esquina superior derecha"Más herramientas" => "Herramientas de desarrollo"para abrirlas:

1. Depurar código JavaScript en la ventana Console

Después de abrir las herramientas de desarrollo, podemos depurar código JavaScript en la ventana Console, como se muestra a continuación:

En la imagen anterior, después del>símbolo, ingresamos el código que queremos ejecutarconsole.log("ejemplo")y presionamos Enter para ejecutarlo.

También podemos copiar un fragmento de código desde otro lugar para ejecutarlo, por ejemplo, copie el siguiente código en la ventana Console y presione Enter para ejecutarlo:

console.log("ejemplo-1")
console.log("ejemplo-2")

Para limpiar el contenido de la ventana Console, puede presionar el siguiente botón:

2. Pequeños scripts (snippets) de Chrome

También podemos crear un script en el navegador Chrome para ejecutarlo. En las herramientas de desarrollo, haga clic en el panel Sources, seleccione la pestaña Snippets, haga clic derecho en el panel Navegador y luego seleccione "Create new snippet" para crear un nuevo archivo de script:

Si no ves Snippets, puedes hacer clic en el panel inferior>>y lo verás.

Después de hacer clic en "Create new snippet", se creará un archivo automáticamente. Solo necesita ingresar el siguiente código en la ventana derecha y luego presionar Command+S (Mac) o Ctrl+S (Windows y Linux) para guardar los cambios.

console.log("ejemplo-1")
console.log("ejemplo-2")

Después de guardar, haga clic derecho en el nombre del archivo y seleccione "Run" para ejecutar el código: