[javascript] Edición en el depurador de Chrome


4 Answers

Me encontré con esto hoy, cuando estaba jugando con el sitio web de otra persona.

Me di cuenta de que podía agregar un punto de corte en el depurador a alguna línea de código antes de lo que quería editar dinámicamente. Y como los puntos de quiebre se mantienen incluso después de una recarga de la página , pude editar los cambios que quería mientras estaba en pausa y luego dejé que la página se cargara.

Entonces, como un trabajo rápido, y si funciona con tu situación:

  1. Agregue un punto de inflexión en un punto anterior en el guión
  2. Recargar página
  3. Edite sus cambios en el código
  4. CTRL + s (guardar cambios)
  5. Libere el depurador
Question

¿Cómo edito "dinámicamente" código JavaScript en el depurador de Chrome? No es para mí, así que no tengo acceso al archivo fuente. Quiero editar el código y ver qué efectos tienen en la página, en este caso detener una animación de hacer cola un montón de veces.




Esto es lo que estás buscando:

1.- Navega a la pestaña Fuente y abre el archivo javascript

2.- Edite el archivo, haga clic con el botón derecho y aparecerá un menú: haga clic en Guardar y guárdelo localmente.

Para ver los cambios o revertir los cambios, haga clic derecho y seleccione la opción Modificaciones locales ... en el menú. Verá los cambios de diferencia con respecto al archivo original si expande la marca de tiempo que se muestra.

Información más detallada aquí: http://www.sitepoint.com/edit-source-files-in-chrome/







Si su javascript que se ejecuta en un botón hace clic, entonces hacer el cambio en Fuentes> Fuentes (en las herramientas de desarrollador en cromo) y presionar Ctrl + S para guardar, es suficiente . Hago esto todo el tiempo.

Si actualiza la página, sus cambios de javascript se habrán ido, pero Chrome aún recordará sus puntos de quiebre.




Estaba buscando una forma de cambiar el script y depurar ese nuevo script. La forma en que logré hacer eso es:

  1. Establezca el punto de interrupción en la primera línea del script que desea cambiar y depurar.

  2. Recargue la página para que el punto de interrupción esté siendo golpeado

  3. Pegue su nueva secuencia de comandos y establezca los puntos de interrupción deseados en ella

  4. Ctrl + s, y la página se actualizará causando que ese punto de interrupción en la primera línea sea golpeado.

  5. F8 para continuar, y ahora su script recién pegado reemplaza al original siempre que no se realicen redirecciones y recargas.




Related