saber - ¿Cómo depurar un evento de clic de JavaScript específico?

eventos javascript ejemplos

Question

En la página meteorológica de yahoo, hay un enlace etiquetado como C que cambia la unidad de temperatura de Fahrenheit a Celsius .

Estoy buscando depurar esta acción y entender qué javascript se ejecuta detrás de las escenas que convierten F en C. ¿Cuál es la forma de depurar tales cosas?

Enlace : http://weather.yahoo.com/?w=2295401

Answer 1

Usando Google Chrome,

1. Haga clic derecho en un elemento que está cambiando ''visualmente'' cuando la acción que desea depurar tenga lugar, y haga clic en ''Inspeccionar elemento''. En este caso, podemos inspeccionar el valor de la temperatura

2. Haga clic derecho nuevamente en el elemento de la vista DOM y seleccione Romper en -> Modificaciones de atributos

3. Ahora realice la acción que desea depurar (en este caso, haga clic en el elemento ° C)

Notarás que el código ''Pausa'' y puedes depurar código en el depurador

Sin embargo, en este caso, el código está comprimido / minificado, por lo que será muy difícil entender lo que está sucediendo realmente, pero el mismo enfoque podría usarse para otras situaciones similares.

Actualización :

Mire este video de Herramientas de desarrollo de Chrome para obtener muchos consejos útiles sobre la eliminación de errores: http://www.youtube.com/watch?v=BaneWEqNcpE