找到在Web瀏覽器中觸發然后事件的jQuery代碼

Question

我加入了一個團隊來完成一個項目。 現在他們使用jQuery和許多javascript文件是外部文件而不是嵌入式。

當我點擊一個按鈕時，它看起來像：

<a class="button_cancel">Cancel</a>

它觸發一個javascript文件中定義的事件。

有沒有辦法在觸發onclick時找到文件（甚至文件的確切行）？

Answer 1

您可以使用一些開發人員工具，如Firefox的Firebug擴展（我希望您已經擁有）。 在Firebug的“腳本”面板中，您可以設置“Break on next”（在左上角），這實際上意味着，在接下來執行的任何一行中設置一個斷點。 激活它。 然后單擊按鈕。 你應該登陸執行的文件。 如果沒有逐步完成代碼，你就會到達那里。 唯一令人討厭的事情是，如果有其他JavaScript持續運行。

我相信Chrome，Safari和Opera的開發者工具提供了類似的功能。

編輯： Chrome也有它。 面板“Sources”位於右上角，它被稱為“Pause Script Execution”。

Answer 2

Visual Event 2可以以一種簡單易用的方式為您提供此信息。

Visual Event是一個開源的Javascript書簽，它提供有關已附加到DOM元素的事件的調試信息。 視覺事件顯示：

• 哪些元素附加了事件
• 附加到元素的事件類型
• 將觸發將與事件一起運行的代碼
• 附加函數定義位置的源文件和行號（僅限Webkit瀏覽器和Opera）

演示