wie zu sehen, was JavaScript-Code gerade ausführt?

Question

mit firebug ich weiß nur, wie man sieht, was Ajax-Dateien genannt werden.

Ich habe einen jquery-Mausklick-Event-Handler, der an ein Link-Element gebunden ist.

Ist es möglich zu sehen, welcher JavaScript-Code verwendet wird, wenn Sie auf ein Element klicken, falls Sie vergessen haben, einen Event-Handler oder anderen Javascript-Code zu erhalten?

Answer 1

Sie den Profiler in Firebug verwenden können. Wechseln Sie zur Registerkarte "Konsole" und klicken Sie auf Profile über dem Nachrichtenbereich neben Clear. Es wird sagen, dass der Profiler ausgeführt wird. Klicken Sie erneut auf die Schaltfläche Profile, und Sie sehen einen Bericht darüber, welche Funktionen aufgerufen wurden und wie viel Zeit in den einzelnen Funktionen verbracht wurde.

Wenn Sie eine Bibliothek wie jQuery verwenden, ist die Ausgabe möglicherweise etwas weniger klar, da viel Zeit in Funktionen aus der Bibliothek ausgegeben wird (zB F(), init(), dimension()). etc). Es wird angezeigt, in welcher Datei jede Funktion definiert wurde, so dass Sie die in der Bibliothek enthaltenen ignorieren können (es sei denn, Sie suchen danach).

Wenn Sie anonyme Funktionen verwenden, können Sie ihnen Namen geben, damit sie im Profiler angezeigt werden - siehe this article für eine gründliche (möglicherweise zu gründliche) Erklärung.

Answer 2

Verwenden Stützpunkte ..

Referenz: http://getfirebug.com/javascript

Answer 3

Sie einen Blick auf Eventbug nehmen sollte (es Firefox 3.6 erfordert, einige der docs alt sind):

Downloads: http://getfirebug.com/releases/eventbug/1.5/

Einige Hintergrundinformationen: http://www.softwareishard.com/blog/firebug/eventbug-alpha-released/

Answer 4

Fügen Sie einfach ‚Debugger " an Ihrem onclickevent, und glücklich debuggen Sie es.

* Wichtiger Hinweis: Sie muss die Firebug-Panel öffnen und neu laden die Seite