2012-12-13 64 views
0

我想跟蹤一個按鈕點擊事件,知道當用戶點擊按鈕發送一些數據時觸發哪些函數。跟蹤一個事件觸發了什麼函數

例如:

<input type="button" id="btnPost" onclick="fire(... , ...)" /> 

$("#btnPost").click(function() { 
// blah blah 
}); 

在我想查看的方法火災或jQuery代碼上述情況。由於JavaScript的龐大規模,手動檢測是不可能的。

什麼工具可以幫助跟蹤JavaScript事件?

回答

1

我會在Chrome中這樣做,但應該可以在FF兩個。

  • 完全加載頁面。
  • 打開開發人員工具
  • 更改爲來源選項卡。
  • 單擊暫停按鈕(沒有什麼會發生,確保 斷點已啓用,最右側的圖標)
  • 然後單擊按鈕。
  • Chrome應該打入由它執行的下一個JavaScript行。

    Screenshot

編輯:如何在Firefox一樣用Firebug

How to do the same on Firefox with Firebug

+0

截圖可以理解的! – Sourav

+1

@Sourav,補充! – BuddhiP

+0

有趣的事實:jsfiddle已經從蘋果公司植入了這個相同的開發者工具。您可以在支持的每個瀏覽器上使用它。 [Screenshot](http://i.stack.imgur.com/yegYu.png) –