javascript debugging function-calls

Cómo ver las llamadas de función de JavaScript a medida que ocurren



debugging function-calls (3)

¿Así que básicamente quieres ver llamadas de JS en tiempo real?

La extensión Firebug en Firefox ofrece eso ( http://getfirebug.com/javascript ).

Básicamente, lo que desea hacer es encontrar su función dentro de su código, luego establecer un punto de interrupción en él. Entonces deberías poder pasar a través de la ejecución en él, al igual que un depurador normal. No debería ser difícil encontrar la función JS asociada con un evento y un evento en particular (p. Ej., Mouseover), ¿esta página en cuestión utiliza JS directo o un marco? Y si es así, ¿cuál?

Las herramientas integradas para desarrolladores de Google Chrome ofrecen un subconjunto más pequeño: dependiendo de lo que desee, ¿la pestaña Perfil podría ser útil?

¿Para qué necesitas exactamente rastrear esta función JS? Podríamos recomendarle una mejor herramienta según sus necesidades particulares.

¿Es posible ver las llamadas de función de JavaScript en la consola de JavaScript del navegador? Sé que puedes ver XHR, pero ¿puedes ver llamadas de función?

Por ejemplo, muevo el mouse sobre algún elemento de una página y aparece un div. Sé que hubo una función de JavaScript que se llamó para mostrar la ventana emergente, por lo que sería bueno poder ver esta llamada en la consola para poder ver a qué función se llamó.

¿Me estoy perdiendo algo o esto no es posible?


No, a menos que adjuntes explícitamente esa información al DOM.

Sin embargo, puede establecer puntos de interrupción en las herramientas de los desarrolladores para algunos navegadores, como Safari, Chrome y Firebug para Firefox.


Compruebe en Firebug Profiler que puede usarlo para ver un desglose de lo que está sucediendo sin tener que agregar manualmente las declaraciones de console.log .

Para usar el generador de perfiles, solo vaya a la pestaña Consola y haga clic en el botón "Perfil". Luego use su aplicación por un momento o vuelva a cargar la página y luego haga clic nuevamente en el botón "Perfil". Luego verá un informe detallado que muestra las funciones que fueron llamadas y cuánto tiempo tomó cada una.

http://michaelsync.net/2007/09/10/firebug-tutorial-logging-profiling-and-commandline-part-ii

Entendiendo la salida del generador de perfiles de Firebug