29 votes

Découvrez quelle fonction Javascript est déclenchée lors d'un clic

Y a-t-il un moyen de savoir quelle fonction JavaScript est déclenchée en cliquant sur un certain bouton?

Laissez-moi vous expliquer ...
J'ai une page web avec un grand script js (non réalisé par moi), je dois détecter quelle fonction est déclenchée par un bouton spécifique, j'ai besoin de trouver la fonction déclenchée par ce bouton.

29voto

alex Points 186293

Utilisez l'inspecteur Web de Chrome pour inspecter l'élément et consulter le panneau Écouteurs d'événements.

Exemple d'inspecteur Web

Si le code attachant l'événement se trouve dans une bibliothèque (par exemple, par Zepto dans mon exemple), définissez un point d'arrêt sur la ligne et examinez la pile d'appels pour voir d'où il provient dans votre code.

Exemple de pile d'appels

Comme vous pouvez le voir, l'événement est originaire de mon code et maintenant je connais le nom du fichier et le numéro de ligne.

8voto

steven7mwesigwa Points 97

Dans Google Chrome, ouvrez votre page Web d'intérêt.

Cliquez avec le bouton droit de la souris sur l'élément (par exemple un bouton) que vous souhaitez inspecter. Dans le 'menu contextuel' qui apparaît, cliquez sur 'Inspecter'. Une fenêtre 'Outils de développement' apparaîtra.

  1. Cliquez sur l'onglet 'Éléments'.
  2. Cliquez sur l'élément HTML que vous souhaitez inspecter s'il n'est pas déjà sélectionné.
  3. Cliquez sur l'onglet 'Écouteurs d'événements'. Une liste complète des écouteurs apparaîtra.
  4. Sélectionnez l'écouteur d'événements qui vous intéresse, par exemple 'clic'. Une pile d'appels apparaîtra.
  5. Cliquez sur le dernier élément de la pile d'appels. Cela vous redirigera enfin vers la fonction réelle qui s'exécute lorsque l'événement se produit.

Google chrome - Option Inspecter

Google chrome - Fenêtre Outils de développement

3voto

Sarfraz Points 168484

À l'intérieur de vos fonctions, vous pouvez mettre arguments.callee pour en savoir plus à ce sujet. Notez que ceci est obsolète mais devrait vous indiquer ce que vous cherchez.

alert(arguments.callee);

0voto

naveen Points 21236

Pourquoi n'utilisez-vous pas Stack Trace pour JavaScript, c'est-à-dire stacktrace.js

Allez sur le lien ci-dessus, cliquez sur Bookmarklet et chargez le fichier js sur le site que vous souhaitez inspecter.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X