一、背景說明

在前端頁面調試或者滲透測試(尤其是XSS)時，我們經常想定位js函數位置；比如點擊了某個位置彈出了一個對話框，這是哪個文件的哪個js函數在響應。

本文以Chrome瀏覽器定位點擊事件響應函數為例，介紹定位方法。

記得Firebug原來也可以類似操作的，但現在Firefox把Firebug整合到開發工具中了但開發工具又沒見有這功能，“國產瀏覽器”們也不見有，現在感覺Chrome能定位了。

二、定位演示

2.1 定位調用的函數

我們點擊圖中“test”行，然後彈出了一個內容為“2”的窗口

點擊確定後，按“F12”調出Chrome開發者工具--激活選取箭頭--選中“test”位置--下方切換到“Event Listeners”標簽--展開“click”節點

上圖中後方鏈接即為點擊調用的js函數的鏈接，點擊該鏈接跳轉到函數位置

2.2 進一步定位彈窗代碼位置

上邊我們只是定位到了點擊調的的函數，更具體而言我們想要的是定位到彈出彈窗的代碼的位置

js進一步定位的方法和逆向時的定位方法基本是一致的：

1）在該函數內下幾個斷點，點擊“test”處，如果彈窗存A和B兩個斷點間出現那麽彈出窗口的代碼必定在這兩個斷點之間

2）去除其他A和B之外的其他斷點，當執行到A斷點後執行單步步過

3）當步過某一函數彈出窗口，說明彈出代碼在該函數中；在該函數下一斷點（並去除A和B兩個斷點），然後重新點擊test處

4）在斷點位置停下後，執行單步步入，進入後執行單步步過，如此下去就能定位具體彈窗代碼位置

網頁定位點擊事件js響應函數教程（Chrome）