Wie kann ich mit Firefox alle ausgelösten JavaScript-Ereignisse überwachen?

Ich versuche zu Debuggen, um eine Webseite, macht starken Gebrauch von JavaScript-Ereignissen, und so brauche ich, um zu überwachen, alle JavaScript-Ereignisse, die ausgelöst werden.

Meisten Ereignisse gebunden sind, mithilfe von jQuery. Daher wäre es besonders hilfreich, wenn es eine Möglichkeit gäbe, gezielt zu überwachen, werden nur diejenigen Ereignisse.

InformationsquelleAutor der Frage gsharp | 2012-06-19

  1. 51

    Natürlich können Sie tun just fine mit Firebugdie Konsole und die Registerkarte Skripts aus, wo Sie hinzufügen können breakpoints und Uhren, aber Sie wollen es schlauer /einfacher natürlich.

    Es gibt eine nette Firebug-plugin namens EventBugdass nur protokolliert alle Ereignisse und gruppiert Sie nach der Veranstaltung geben, so können Sie erweitern und sehen, was ausgelöst.

    Wie kann ich mit Firefox alle ausgelösten JavaScript-Ereignisse überwachen?

    EventBug es nicht tut, Echtzeit, Sie haben zu aktualisieren, obwohl.

    Eine andere Möglichkeit ist die Verwendung der "Log Events" - feature gegen alle DOM-element in Firebug. Dies macht es in Echtzeit-und Sie können sehen, was um Ereignisse ausgelöst /ausgelöst als gut.

    Versuchen Sie dies:

    • Wechseln öffnen Sie Firebug
    • Rechten Maustaste auf das element in der HTML-Registerkarte, wenn Sie möchten, um zu sehen, alle Veranstaltungen dann mit der rechten Maustaste <body>
    • Wählen Sie Log Events aus dem Kontext-Menü
    • Stellen Sie sicher, dass die Registerkarte "Console" aktiviert ist
    • Klicken Sie zum aktivieren der 'Persistent' Modus in der Registerkarte "Console" (ansonsten Registerkarte "Console" wird deutlich, nachdem die Seite neu geladen wird)
    • Müssen Sie eventuell Closed (manuell)
    • Voila! Uhr Veranstaltungen-stream in der Registerkarte "console"

    Dies ist, was Sie sehen mit dem Log-Ereignisse:

    Wie kann ich mit Firefox alle ausgelösten JavaScript-Ereignisse überwachen?

    Auch einen Versuch Wert, die FireQuery add-on für Firebug, um zu sehen, welche Elemente in den DOM haben die jQuery-events an Ihnen und was Sie sind.

    Und als benvie Antwort erwähnt, ist dies möglich, in der webkit-Entwickler-tools sowie.

    InformationsquelleAutor der Antwort Moin Zaman

  2. 7

    Diese wurde eingeführt, einige Versionen her, aber seit Firefox 35 Ereignisse mit einem element verknüpft werden können, sehen Sie auf den Inspektor: neben dem element, das Sie sehen möchten der Ereignisse (in Fall gibt es keine) gibt es ein Symbol mit dem "EV' Briefe. Klicken Sie darauf und Sie werden sehen, ein kleines popup-Fenster mit den events für dieses element.

    Wie kann ich mit Firefox alle ausgelösten JavaScript-Ereignisse überwachen?

    Mehr info: http://flailingmonkey.com/view-dom-events-in-firefox-developer-tools/

    InformationsquelleAutor der Antwort AxeEffect

  3. 4

    Diese leider nicht in der Firebug-ich glaube, und das zugrunde liegende problem ist die mangelnde Unterstützung oder mangelnde Exposition auf api-Ebene. Alternativ, es gibt nur ein paar Möglichkeiten zu abonnieren DOM-Ereignisse: - Element.der Prototyp.addEventListener (und Fenster.addEventListener und zu dokumentieren.Sie addEventListener () und XMLHttpRequest.addEventListener (und einige andere) abgesehen von 'onevent' Eigenschaften, die beobachtbar sind und interceptable.

    Aber realistisch gesehen, dem WebKit debugger und Chrom-debugger (die webkit-mit extra-Punkte) ermöglichen das Debuggen und beobachten angebracht Zuhörer. Manchmal ist es einfacher zu Debuggen eines Browser - bugs, die in einem anderen browser mit besserer Belichtung der Anwendung/Laufzeit Staates, selbst wenn dieser browser nicht aufweisen bug.

    Wie kann ich mit Firefox alle ausgelösten JavaScript-Ereignisse überwachen?

    https://developers.google.com/chrome-developer-tools/docs/elements

    InformationsquelleAutor der Antwort

Schreibe einen Kommentar