Cómo depurar eventos JAVASCRIPT? ¿O cómo hacer que todas las funciones llamen trace?

Question

Por ejemplo, hay un botón. Está envuelto por <div>.

Al presionar este botón, se produce una llamada a la función javascript, luego otra función, luego llamar por ajax al servidor y, si está bien, javascript redirigir esta página a otra página.

Es difícil de depurar.

¿Es posible "atrapar" este evento? Es decir. para saber, ¿qué función se llama después de hacer clic en el botón? El botón no tiene el atributo "onclick", es decir, el detector de eventos está conectado en javascript.

Y si no es posible, ¿es posible hacer la traza? Eso es para ver todas las llamadas a funciones, que se llama después de qué?

sería mejor en forma visual, aunque en forma textual es también buenas :)

Gracias por las respuestas!

Answer 1

Sí - este tipo de cosas no es tan simple como te gustaría.

Google Chrome tiene un panel de "Escuchas de eventos". Haga clic derecho en su botón, luego seleccione "Inspeccionar Elemento". Asegúrese de que el elemento correcto esté seleccionado, luego marque el panel "Escuchas de eventos" a la derecha.

También puede usar la palabra clave "debugger" para establecer un punto de interrupción en la pila de llamadas en algún lugar. Luego, use su depurador de JavaScript favorito (herramientas de desarrollo integradas en Safari, Google Chrome & IE8, Firebug para Firefox). En cada uno de estos, hay una pila de llamadas que te permitirá navegar a través de la pila de llamadas actual.

Answer 2

Puede usar firebug para rastrear el código de javascript. Su complemento de Firefox para rastrear los estilos (css), js y también permite editar.

Opera ofrece dragonfly que es similar a Firebug

Answer 3

comprobar las características de depuración en Firebug, que va a dejar de agregar puntos de interrupción de JavaScript y el paso a través de su código.