J'essaie de déboguer une page Web qui utilise beaucoup les événements JavaScript. Je dois donc surveiller tous les événements JavaScript déclenchés.
La plupart des événements sont liés à l'aide de jQuery. Par conséquent, il serait particulièrement utile de trouver un moyen de surveiller uniquement ces événements.
Bien sûr, vous pouvez faire tout aussi bien avec Firebug, la console et l'onglet scripts où vous pouvez ajouter des points d'arrêt et des montres, mais vous voulez le faire plus intelligemment / plus facile évidemment.
Il s'agit d'un pur Firebug plugin appelé EventBug qui vient de journaux de tous les événements et de les regrouper par type d'événement, de sorte que vous pouvez développer et de voir ce qui a déclenché eux.
EventBug ne pas le faire en temps réel, vous devez actualiser si.
Un autre moyen est d'utiliser le "Journal des Événements" de la fonctionnalité à l'encontre de tout élément du DOM dans Firebug. Ce ne le faire en temps réel et vous pouvez le voir dans quel ordre les événements sont déclenchés / déclenché ainsi.
Essayez ceci:
<body>
Log Events depuis le menu contextuelClosed (manuellement)C'est ce que vous voyez avec le Journal des Événements:
Aussi la peine d'essayer de le FireQuery add-on pour Firebug pour voir ce que les éléments dans le DOM ont jQuery événements attachés à eux et ce qu'ils sont.
Et comme benvie la réponse mentionne, il est possible dans webkit outils de développement ainsi.
Ce n'existent pas dans Firebug, je crois, et le problème sous-jacent est le manque de soutien ou d'un manque d'exposition au niveau de l'api. Sinon, il n'y a que quelques façons pour vous abonner à des événements DOM: Élément.le prototype.la méthode addEventListener (et de la fenêtre.la méthode addEventListener et document.la méthode addEventListener et XMLHttpRequest.la méthode addEventListener et de quelques autres) en plus du onevent' propriétés qui sont observables et interceptable.
Mais, en réalité, le WebKit débogueur et le Chrome du débogueur (qui est webkit avec des points supplémentaires) permettent de déboguer et d'observer attaché auditeurs. Il est parfois plus facile à déboguer l'un des navigateurs de bugs dans un autre navigateur avec une meilleure exposition de l'application/exécution de l'état, même lorsque le navigateur ne présentent pas le bug.
https://developers.google.com/chrome-developer-tools/docs/elements
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.
