¿Hay alguna manera de averiguar qué código JavaScript es responsable de un efecto particular en una página web?

Usando las herramientas de Chrome Dev o Firebug puedes romper en diferentes eventos.

Por ejemplo, si tiene un evento que sucede al pasar el mouse, puede ir a Scripts-> Event Listener Breakpoints-> Mouse-> mouseover. Se detendrá en cualquier controlador de eventos que reciba el evento mouseover. Alternativamente, puede inspeccionar el elemento en cuestión utilizando el panel de elementos y buscar el ID u otro identificador del elemento en el código. (Las herramientas de Chrome Dev también enumerarán los controladores de eventos adjuntos para el elemento DOM seleccionado en el panel Elementos en Propiedades ‘onmouseover’ en este caso).

Si es una animación, utilizará un temporizador, por lo tanto, puede interrumpir el evento del temporizador. Nuevamente, se interrumpirá cuando se invoque un controlador para setTimeInterval o setTimeout.

Si está utilizando jQuery en la página, puede hacer $ (‘selector’). Data (‘eventos’) que enumerará todos los controladores adjuntos al elemento DOM seleccionado (devuelve indefinido si no hay ninguno). Para hacer esto, presione la tecla ESC para abrir la consola en las herramientas de Chrome Dev y escriba el comando anterior reemplazando el selector con el selector que desee.

Para obtener más información sobre las herramientas de Chrome Dev:
http://code.google.com/chrome/de…
(excelente video, ~ 24 min es exactamente lo que está buscando, pero le recomiendo que vea el video completo)

La mejor manera en que puedo pensar es descubrir qué elemento en el DOM está manejando ese efecto (generalmente algo con una ID [en lugar de un nombre de clase], ya que jQuery y el código JS deben hacer referencia a las ID siempre que sea posible), y luego buscar el Código JavaScript de la página para esa ID.

Aquí hay una forma alternativa rápida si no desea ir a la forma de depuración / puntos de interrupción:

  1. usando la barra de herramientas del desarrollador web, busque y haga clic en “ver javascript”, se abrirá todo el código javascript en una página
  2. use Ctrl + F o Comando + F para buscar el evento (por ejemplo, pasar el mouse o pasar el mouse)
  3. También puede intentar buscar el elemento clase / id, podría funcionar a menos que el desarrollador utilizara selectores más complicados para aplicar el efecto.

en general, encontrar código JavaScript responsable de cualquier comportamiento es un poco complicado, especialmente si los archivos están minificados / comprimidos / ofuscados.