Cómo saber qué hará hacer clic en cierta cosa en una página web mirando ‘inspeccionar elemento’

Inspeccionar Element en las herramientas de Chrome le mostrará el código fuente HTML de la página en la que está haciendo clic; no solo eso, saltará a la parte del documento HTML que corresponde al elemento que está inspeccionando. Por lo tanto, si hace clic con el botón derecho en un botón de una página web e inspecciona Element, se realizará una vista de origen de la página HTML y saltará a la parte del HTML donde se encuentra el código del botón.

Ese HTML puede o no decirle mucho sobre lo que hará hacer clic en él. Eso depende de cómo la página tenga definida su interactividad. Puede haber un evento onClick o un controlador de eventos en el HTML para el botón, que le dirá qué función de JavaScript se puede llamar cuando hace clic en él. Y eso podría decirle algo, por ejemplo, si el nombre de la función está allí y el nombre es “openNewCalendarDialog” o algo así.

Sin embargo, las funciones de JavaScript pueden tener sus controladores de eventos registrados en otro lugar, lejos del HTML real. Por ejemplo, puede haber JavaScript al final del documento, o en otro archivo, que registre los controladores de eventos haciendo referencia a la ID del elemento. Esa es una práctica bastante común. En ese caso, Inspeccionar elemento no será muy útil para decirle qué hará hacer clic en el elemento.

Muchas veces, al mirar el elemento, puede observar un clic u otros eventos en dicho elemento, pero si un desarrollador ha hecho un trabajo limpio, es posible que no pueda hacer mucho menos que perseguir clases, ID o atributos a través de archivos JS para descubrir las conexiones .

Haz clic en mí