如何查看當前正在執行的JavaScript代碼？

Question

與螢火蟲我只知道如何看到什麼ajax文件被稱爲。

我有一個jquery鼠標點擊事件處理程序綁定到一個鏈接元素。

是否有可能在點擊某個元素時看到使用的是什麼javascript代碼，以防您忘記了是否有事件處理程序或其他JavaScript代碼耦合到它？

Answer 1

可以使用分析器在Firebug。轉到「控制檯」選項卡，然後在消息區域上方，Clear旁邊單擊Profile。它會說探查器正在運行。再次點擊Profile按鈕，你會看到一個關於調用哪些函數以及每個函數花費多少時間的報告。如果你使用像jQuery這樣的庫，輸出可能不那麼清晰，因爲它會顯示大部分時間花費在庫函數（即F（），init（），dimension（），等等）。它會顯示每個函數是在哪個文件中定義的，因此您可以忽略庫中的文件（除非您正在查找這些文件）。

如果您使用的是匿名函數，則可以爲其指定名稱，以便它們顯示在探查器中 - 有關徹底（可能過於徹底）的解釋，請參見this article。

Answer 2

使用斷點..

參考：http://getfirebug.com/javascript

Answer 3

你應該看看Eventbug（它需要Firefox 3.6中，有些文檔是舊）：

下載： http://getfirebug.com/releases/eventbug/1.5/

一些背景資料： http://www.softwareishard.com/blog/firebug/eventbug-alpha-released/

Answer 4

只需添加「調試程序;」在你的onclickevent，並快樂的調試它。

*重要：你必須打開螢火蟲面板並重新加載頁面