大家有沒有遇到這樣的一個問題，我們在分析一些大型電子商務平臺的Web前端腳本時，想找到一個元素綁定的點擊事件，並不是那麼容易，因為有些前端腳本封裝的比較隱蔽，甚至有些加密腳本，用傳統的查找元素ID、或者頁面源碼方法去找，可能最後徒勞無功。下面我來介紹利用chrome瀏覽器來查找元素綁定的事件。
只需要通過chrome瀏覽器以下三個功能就可以輕鬆找到綁定事件了。
1.Sources（源碼）
2.Event Listener Breakpoints（事件監聽斷點）
3.Call Stack（函數調用棧）
舉個栗子：
1.打開某網站，點擊“規格”中的“100x100”選項，按F12，彈出前端調試窗口，切換到Sources標籤。
大家有沒有遇到這樣的一個問題，我們在分析一些大型電子商務平臺的Web前端腳本時，想找到一個元素綁定的點擊事件，並不是那麼容易，因為有些前端腳本封裝的比較隱蔽，甚至有些加密腳本，用傳統的查找元素ID、或者頁面源碼方法去找，可能最後徒勞無功。下面我來介紹利用chrome瀏覽器來查找元素綁定的事件。
只需要通過chrome瀏覽器以下三個功能就可以輕鬆找到綁定事件了。
1.Sources（源碼）
2.Event Listener Breakpoints（事件監聽斷點）
3.Call Stack（函數調用棧）
舉個栗子：
1.打開某網站，點擊“規格”中的“100x100”選項，按F12，彈出前端調試窗口，切換到Sources標籤。
大家有沒有遇到這樣的一個問題，我們在分析一些大型電子商務平臺的Web前端腳本時，想找到一個元素綁定的點擊事件，並不是那麼容易，因為有些前端腳本封裝的比較隱蔽，甚至有些加密腳本，用傳統的查找元素ID、或者頁面源碼方法去找，可能最後徒勞無功。下面我來介紹利用chrome瀏覽器來查找元素綁定的事件。
只需要通過chrome瀏覽器以下三個功能就可以輕鬆找到綁定事件了。
1.Sources（源碼）
2.Event Listener Breakpoints（事件監聽斷點）
3.Call Stack（函數調用棧）
舉個栗子：
1.打開某網站，點擊“規格”中的“100x100”選項，按F12，彈出前端調試窗口，切換到Sources標籤。
2.看右邊的窗口（Event Listener Breakpoints）欄，選擇click選項（監聽點擊事件）。
大家有沒有遇到這樣的一個問題，我們在分析一些大型電子商務平臺的Web前端腳本時，想找到一個元素綁定的點擊事件，並不是那麼容易，因為有些前端腳本封裝的比較隱蔽，甚至有些加密腳本，用傳統的查找元素ID、或者頁面源碼方法去找，可能最後徒勞無功。下面我來介紹利用chrome瀏覽器來查找元素綁定的事件。
只需要通過chrome瀏覽器以下三個功能就可以輕鬆找到綁定事件了。
1.Sources（源碼）
2.Event Listener Breakpoints（事件監聽斷點）
3.Call Stack（函數調用棧）
舉個栗子：
1.打開某網站，點擊“規格”中的“100x100”選項，按F12，彈出前端調試窗口，切換到Sources標籤。
2.看右邊的窗口（Event Listener Breakpoints）欄，選擇click選項（監聽點擊事件）。
3.展開Call Stack（函數調用棧）。
大家有沒有遇到這樣的一個問題，我們在分析一些大型電子商務平臺的Web前端腳本時，想找到一個元素綁定的點擊事件，並不是那麼容易，因為有些前端腳本封裝的比較隱蔽，甚至有些加密腳本，用傳統的查找元素ID、或者頁面源碼方法去找，可能最後徒勞無功。下面我來介紹利用chrome瀏覽器來查找元素綁定的事件。
只需要通過chrome瀏覽器以下三個功能就可以輕鬆找到綁定事件了。
1.Sources（源碼）
2.Event Listener Breakpoints（事件監聽斷點）
3.Call Stack（函數調用棧）
舉個栗子：
1.打開某網站，點擊“規格”中的“100x100”選項，按F12，彈出前端調試窗口，切換到Sources標籤。
2.看右邊的窗口（Event Listener Breakpoints）欄，選擇click選項（監聽點擊事件）。
3.展開Call Stack（函數調用棧）。
4.然後點擊如下圖標或按F11，觀察CallStack。
大家有沒有遇到這樣的一個問題，我們在分析一些大型電子商務平臺的Web前端腳本時，想找到一個元素綁定的點擊事件，並不是那麼容易，因為有些前端腳本封裝的比較隱蔽，甚至有些加密腳本，用傳統的查找元素ID、或者頁面源碼方法去找，可能最後徒勞無功。下面我來介紹利用chrome瀏覽器來查找元素綁定的事件。
只需要通過chrome瀏覽器以下三個功能就可以輕鬆找到綁定事件了。
1.Sources（源碼）
2.Event Listener Breakpoints（事件監聽斷點）
3.Call Stack（函數調用棧）
舉個栗子：
1.打開某網站，點擊“規格”中的“100x100”選項，按F12，彈出前端調試窗口，切換到Sources標籤。
2.看右邊的窗口（Event Listener Breakpoints）欄，選擇click選項（監聽點擊事件）。
3.展開Call Stack（函數調用棧）。
4.然後點擊如下圖標或按F11，觀察CallStack。
5.一路按如下圖標或按F11，直至發現事件是直接事件源。
大家有沒有遇到這樣的一個問題，我們在分析一些大型電子商務平臺的Web前端腳本時，想找到一個元素綁定的點擊事件，並不是那麼容易，因為有些前端腳本封裝的比較隱蔽，甚至有些加密腳本，用傳統的查找元素ID、或者頁面源碼方法去找，可能最後徒勞無功。下面我來介紹利用chrome瀏覽器來查找元素綁定的事件。
只需要通過chrome瀏覽器以下三個功能就可以輕鬆找到綁定事件了。
1.Sources（源碼）
2.Event Listener Breakpoints（事件監聽斷點）
3.Call Stack（函數調用棧）
舉個栗子：
1.打開某網站，點擊“規格”中的“100x100”選項，按F12，彈出前端調試窗口，切換到Sources標籤。
2.看右邊的窗口（Event Listener Breakpoints）欄，選擇click選項（監聽點擊事件）。
3.展開Call Stack（函數調用棧）。
4.然後點擊如下圖標或按F11，觀察CallStack。
5.一路按如下圖標或按F11，直至發現事件是直接事件源。
一路按下去，一定要有耐心。。。。。
大家有沒有遇到這樣的一個問題，我們在分析一些大型電子商務平臺的Web前端腳本時，想找到一個元素綁定的點擊事件，並不是那麼容易，因為有些前端腳本封裝的比較隱蔽，甚至有些加密腳本，用傳統的查找元素ID、或者頁面源碼方法去找，可能最後徒勞無功。下面我來介紹利用chrome瀏覽器來查找元素綁定的事件。
只需要通過chrome瀏覽器以下三個功能就可以輕鬆找到綁定事件了。
1.Sources（源碼）
2.Event Listener Breakpoints（事件監聽斷點）
3.Call Stack（函數調用棧）
舉個栗子：
1.打開某網站，點擊“規格”中的“100x100”選項，按F12，彈出前端調試窗口，切換到Sources標籤。
2.看右邊的窗口（Event Listener Breakpoints）欄，選擇click選項（監聽點擊事件）。
3.展開Call Stack（函數調用棧）。
4.然後點擊如下圖標或按F11，觀察CallStack。
5.一路按如下圖標或按F11，直至發現事件是直接事件源。
一路按下去，一定要有耐心。。。。。
到這裡已經發現找到了事件源！！！
相關推薦
