Depuradores de navegadores del lado del cliente: ¿cómo puedo ver la lista de controladores actualmente registrados en un elemento?

Question

Al aprender el código del lado del cliente de un sitio existente, le gustaría entender alguna actividad que tiene lugar totalmente en el lado del cliente.

Quiero saber a qué controladores JS se los llama cuando hago clic en un elemento específico. ¿Hay alguna forma de ver esta información en algún tipo de depurador?

estoy usando Firefox con Firebug, o Chrome

Answer 1

La mayoría de los sitios utilizará algún tipo de marco de JavaScript que use su propio sistema de gestión de eventos, haciendo que las herramientas de inspección de DOM Firebug's o Chrome Dev Tool sean bastante inútiles.

Afortunadamente, no es demasiado difícil acceder a los sistemas de eventos de estos marcos. Hay FireQuery, que es una extensión de Firebug que se integra muy bien con el inspector DOM de Firebug, pero funciona solo para jQuery. Para otros marcos, también hay Visual Event

Answer 2

Puede utilizar las herramientas para desarrolladores de Chrome para hacer lo que está buscando, si estoy leyendo bien su pregunta (disculpas si no lo hiciera). En Chrome, haga clic con el botón derecho en el elemento de la página representada y elija "Inspeccionar elemento". En el lado derecho de la ventana de herramientas que se abre, hay una sección llamada "Propiedades" que hará aparecer una lista al hacer clic. Investigar las subcategorías debería mostrarle qué funciones están conectadas a qué eventos. A continuación, puede usar el área "Scripts" (pestaña en la parte superior de la ventana Herramientas de desarrollo) para establecer puntos de interrupción y observar el comportamiento en los archivos de script. Espero que ayude.