Cómo usar la consola de Chrome para editar y ejecutar JavaScript

Puede ingresar y ejecutar cualquier JS que desee en la consola de Chrome, así como acceder a las variables globales. Por ejemplo, en esta página ahora mismo, abra las herramientas de desarrollo (F12 en Windows) y escriba: Fecha () e ingrese, y obtendrá la fecha y hora actuales en la consola.

Para muck w / JS existentes en su página, vaya a la pestaña de fuentes, busque el archivo con el que desea meterse, luego vaya a la sección en la que necesita trabajar y haga clic en el número a la izquierda para crear esa línea de código Un punto de quiebre. Luego refresca. el navegador hará una pausa en lo que está haciendo cuando llegue a ese punto de interrupción, lo que le permitirá recorrer todo lo que sucede en su código. Las herramientas le permitirán realizar cambios en el código, pero en realidad no respeta sus cambios. Si tiene funciones globales que se ejecutan después de la carga de la página o cuando se pincha, puede redefinirlas en la consola simplemente copiando / pegando toda la función con sus cambios en la consola y presionando enter. Lo mismo para definir o redefinir vars.

Simplemente ábralo a través de ctrl + shift + j (Windows) / ctrl + opt + j (MacOSx) y luego escriba lo que desee. ¡Para obtener más potencia, mira las DevTools!

Algunas lecturas interesantes:

Usando la consola | Web
El | Desarrolladores de Google

Chrome DevTools | Web
El | Desarrolladores de Google