如何找到單擊按鈕時激活的腳本？

Question

假設我在網頁中有一個按鈕，並且我想找到單擊該按鈕時被撤消的功能。 如何在Chrome開發人員工具中找到此腳本？

Answer 1

在Chrome調試器工具中，請轉到“ 源”標簽。 在最右邊，您會看到顯示監視，調用堆棧，范圍等的列表。如果展開“ 事件偵聽器斷點” ，則會看到可以放置斷點的事件偵聽器列表。

展開“ 鼠標”事件偵聽器，選擇“ 單擊”，然后繼續單擊按鈕。 它應該達到斷點。

希望能幫助到你！

吉迪恩（Gideon）編輯：黑匣子

使用事件偵聽器斷點時，您可能會發現自己進入了庫事件處理程序。 您可以通過右鍵單擊並選擇如下所示的“黑盒腳本”來避免每次都進入這些腳本：

Answer 2

您可以使用ctrl + shift + j打開chrome開發工具，然后轉到“來源”標簽。 在這里，您可以看到該頁面正在使用的所有腳本。 您可以放置​​斷點以確定事件發生的時間，並且可以使用ctrl + f查找特定的內容（即按鈕ID，類）。