有沒有一種方法來調試特定的功能,而不知道它在哪裏?在谷歌瀏覽器中調試
例如,您有一個項目在很多文件上有100 000行代碼。要找到一些由某個按鈕觸發的功能,您需要搜索很長時間,然後才能設置中斷點。當我點擊按鈕自動停止Google Chrome的調試器時,是否有一些工具可以做到這一點?
有沒有一種方法來調試特定的功能,而不知道它在哪裏?在谷歌瀏覽器中調試
例如,您有一個項目在很多文件上有100 000行代碼。要找到一些由某個按鈕觸發的功能,您需要搜索很長時間,然後才能設置中斷點。當我點擊按鈕自動停止Google Chrome的調試器時,是否有一些工具可以做到這一點?
在源選項卡的右側尋找Event Listener Breakpoints
,擴大了鼠標事件,並選擇點擊事件,Chrome將進入調試模式,每有一個click事件
您可以檢查console
選項卡上的時間什麼觸發了你的錯誤,以及涉及的文件是什麼。
下面是一個例子在Chrome:
在左邊,你有(VM998例如)所涉及的文件,相應的線路(3等)。
希望它有幫助。
不確定Chrome,但Firefox在HTML Inspector中的事件監聽器元素旁邊有一個'ev'按鈕。此按鈕顯示綁定到該元素的所有事件偵聽器。 – Xufox