change - javascript add class
¿Cómo modificar el código javascript en tiempo de ejecución? (4)
Chrome, Safari y algunos otros navegadores basados en WebKit contienen una función en el Inspector web conocida como Live Edit. Si va al panel de Scripts y se detiene en un punto de interrupción (o tal vez incluso si no se detiene en un punto de interrupción, no estoy seguro), puede hacer doble clic en una línea y comenzar a editar esa línea. Los cambios que realice se harán efectivos en el script.
¿Hay una manera de modificar el código JavaScript mientras se depura? Visual Studio tiene "Editar y Continuar", y un intercambio de código similar se puede hacer en Java y otros idiomas. ¿Se puede hacer esto con JavaScript, y si es así, cómo?
Con las herramientas de desarrollo de Chrome, esto es muy fácil.
Simplemente abra el inspector, haga clic en la pestaña de scripts , seleccione la que desee del menú desplegable y luego podrá editar la secuencia de comandos y agregar puntos de interrupción. Si actualiza la página, sus puntos de interrupción permanecerán allí.
Si ve esta charla pero Paul Irish, le muestra cómo puede editar un script sobre la marcha
http://paulirish.com/2011/a-re-introduction-to-the-chrome-developer-tools/
también bueno:
Debido a que JavaScript puede modificar el DOM, básicamente debe cambiar el archivo JavaScript, guardarlo y volver a cargar. Para mí, me gusta IE, así que ejecuto la página web en un navegador NO EN modo DEBUG. Luego puedes cambiar los archivos de script, GUARDARlos. Vuelva al navegador y vuelva a cargar (F5) para ver sus cambios. Supuestamente IE 11 tiene esta capacidad (probablemente como Chrome, que es esencialmente lo que estoy haciendo, cambiando la recarga de guardado de lo que puedo decir) pero no puedo encontrarlo, y mucho menos abrir un archivo js. Super pobre interfaz de usuario. Supongo que el navegador para abrir el icono del archivo es pero siempre está en gris.
Si está hablando sobre la depuración, es muy fácil modificar el código en ejecución. En su consola de depuración, puede ingresar expresiones de Javascript y se ejecutará en el contexto de la ventana, que contiene todos los objetos y funciones de su código, por lo que puede cambiarlos redefiniéndolos.