比如某天遇到這樣一個問題,頁面有一個按鈕,上面綁定了事件可能是多個事件,然后我們點擊后出現了bug,我們要如何快速定位到這個事件,如果頁面只有一個js或少量的js,我們一個打開查找,也可以接受。但是如果這個頁面外聯了10個js文件,多而雜,那我們去項目里全局搜一下,這樣就比較費時費力了。
我們可以利用谷歌開發者工具,幫助我們快速知道觸發的是哪個函數,在哪個js文件里,哪段代碼。
如下,有個點擊事件:

方法如下:
1、打開谷歌開發者工具:選中sources -> Event Listener Breakpoints, 然后選中事件觸發的類型。

2、點擊元素,觸發斷點。

3、查看開發面板,找到元素觸發事件。

如我的項目,引用了jquery,在jquery里面找到了兩個點擊事件。此時即已經定位到了js文件和文件位置了。

