如何追蹤MY javascript？

Question

我繼承了一個新的ASP.Net MVC應用程序，該應用程序在JavaScript和jQuery（與Kendo一起）遍佈各處。其中一些內聯，一些在.js文件等。

有很多重複的代碼，所以試圖弄清楚什麼函數被稱爲特定的按鈕時被按下是瘋狂的。

如果我嘗試在Firebug中做一個堆棧跟蹤，我最終會得到幾乎完全的jQuery和Kendo函數，這使得我幾乎不可能找出哪些JavaScript函數被調用。

如何輕鬆跟蹤按下THIS按鈕，在我的代碼中調用THESE函數，並忽略所有Kendo/jQuery調用？

Answer 1

如何在代碼中放置console.log語句，以便您可以遵循它。

此外，如果沒有捆綁JavaScript文件並從Visual Studio運行Internet Explorer，則可以使用VS調試器來跟蹤文件。

Answer 2

您可以嘗試覆蓋jQuery的點擊或綁定功能，並顯示綁定功能。這很醜陋，但對於調試可能有幫助。

Answer 3

this answer有一些很好的建議。

Visual Event也可能幫助很多。

Answer 4

刪除'debugger;'聲明到代碼中的各個位置。打開Chrome瀏覽器的控制檯(ctrl-alt-j, command-alt-j)，並像平常一樣與頁面交互。調試器語句將充當斷點，並且可以從那裏跟蹤代碼。

例如，假設你有一個單擊處理程序，富：我做的是把一個獨特的警報在各`javascript`功能

function foo(event) { 
    debugger; // breakpoint will happen here 
    ...click handler logic 
}