2010-11-03 29 views
12

Ich benutze Firefox. Gibt es da draußen etwas, das mir alle JavaScript-Ereignisse zeigt, die in Echtzeit ausgelöst werden?JavaScript-Ereignisse im Browser anzeigen

+0

Eine solche Liste mit einer Million Mausereignisse verunreinigt würden, die Sie wahrscheinlich nicht interessieren. – mikerobi

+0

@mikerobi normalerweise nein, das wäre mir egal. Aber ich muss einige Event-Probleme debuggen, wo sie in verschiedenen Reihenfolgen feuern. Daher muss ich sie alle in diesem Fall sehen. – 7wp

Antwort

15

Sie können mit der rechten Maustaste auf ein Element in der HTML-Registerkarte von Firebug klicken und auf Ereignisse protokollieren klicken.

Sie sehen dann jedes von diesem Element empfangene Ereignis auf der Registerkarte Konsole.
Sie können sogar auf einen davon klicken, um die Eigenschaften des Objekts event zu erkunden.

+1

Das ist ein guter Tipp, aber ... leider bleibt die Einstellung "Ereignisse protokollieren" nicht an diesem Element hängen, was es unmöglich macht, Ereignisse zu protokollieren, die während oder unmittelbar nach dem Laden der Seite passieren. Kennt jemand einen Weg, diese Ereignisse auch zu protokollieren? – marcvangend

+1

@marcvandend: Legen Sie einen JavaScript-Haltepunkt fest, der ausgelöst wird, bevor die Ereignisse ausgelöst werden, und klicken Sie dann auf Ereignisse protokollieren. – SLaks

+0

Das ist nett, ich frage mich, ob Chrome so etwas hat – 7wp

3

Ich verwende Visual Event seit ein paar Jahren. Es handelt sich um ein einfaches Bookmarklet, dh Sie müssen es nur in Ihre Lesezeichen ziehen und dann auf Ihrer Seite darauf klicken, um alle Javascript-Ereignisse sichtbar zu machen. Sie können die Ereignisse auch nach Belieben auslösen und wahrscheinlich noch viel mehr. Es ist sehr einfach und intuitiv zu bedienen und perfekt, um schnell zu finden, wonach Sie suchen. Probieren Sie es aus:

https://github.com/DataTables/VisualEvent

+0

Zwei verschiedene Versionen von Visual Event existieren. Ich behalte immer beide in dem Lesezeichen: [v1] (http://sprymedia.co.uk/article/Visual+Event), [v2] (http://sprymedia.co.uk/article/Visual+ Ereignis + 2) – Pino