218 votos

Edición en el depurador de cromo

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

262voto

svjacob Puntos 810

Me encontré esto hoy en día, cuando yo estaba jugando con alguien de otro sitio web.

Me di cuenta de que podría adjuntar un punto de ruptura en el depurador para alguna línea de código antes de lo que yo quería dinámicamente editar. Y desde puntos de ruptura, permanecer incluso después de una recarga de la página, yo era capaz de editar los cambios que yo quería durante la pausa en el punto de ruptura y, a continuación, continuado para que la carga de la página.

Así como un trabajo rápido a su alrededor, y si funciona con su situación:

  1. Agregar punto de ruptura en un punto anterior en la secuencia de comandos
  2. Volver a cargar la página
  3. Editar sus cambios en el código
  4. Reanude el depurador

72voto

Adam Puntos 834

Usted puede utilizar el built-in depurador de JavaScript en Herramientas para Desarrolladores de Chrome, bajo los "Scripts" de la ficha, pero los cambios de aplicar el código se expresan sólo en el momento de la ejecución de pasar a través de ellos. Eso significa que los cambios en el código no se ejecuta después de la carga de la página, no tendrá efecto. A diferencia de por ejemplo, cambios en el código que reside en el mouseover controladores, que puede probar sobre la marcha.

Hay un video de la Google I/O 2010 evento la introducción de otras capacidades de las Herramientas para Desarrolladores de Chrome.

9voto

GreatBigBore Puntos 1221

Este es un tutorial genial para el depurador de cromo. Muestra los pasos muy sencillos para hacer cambios en depurador en las secuencias de comandos.

5voto

gnur Puntos 3464

Muy fácil, ir a la pestaña 'scripts'. Y seleccione el archivo de origen que desea y haga doble clic en cualquier línea para editarlo.

1voto

meeech Puntos 1205

Aquí está una suave introducción al depurador js en chrome que escribí. Tal vez ayudará a otros buscando info sobre esto: http://meeech.amihod.com/getting-started-with-javascript-debugging-in-chrome/

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X