大家好，今天分享一下斷點的多種用法。

正常斷點

說到 JS 斷點，大家可能很熟悉了，在 JS 逆向中，斷點是很常用的一種調(diào)試手段，只要在想要打斷點的行號上輕輕的點一下，斷點就打好了。

或者在行號上點擊右鍵，選擇斷點也可以添加一個斷點在指定的位置。

這個時候重新刷新頁面，如果斷點的位置沒錯的話，JS 就會斷在斷點的位置，這個時候可以在控制臺查看變量的值，甚至可以修改任意變量的值，修改后的值會立即生效。

正常斷點的顏色是藍色的。

條件斷點

和正常的斷點一樣，在行號處點擊右鍵，選擇條件斷點，會彈出一個輸入框，輸入所需要斷下的條件，回車即可。

條件斷點的顏色是黃色的，而且會帶一個小問號在行號的前面。條件斷點只會在條件滿足的時候斷下，適合在需要特定條件調(diào)試的情況下使用。

日志斷點

還有一個是日志斷點，它不會在斷點的位置斷下，但是會在命中日志斷點的時候輸出一行日志。

打好的斷點會變成粉紅色，而且在命中斷點的時候會輸出 num 和 data 的值，在日志的右側(cè)還會輸出斷點所在的行號。條件斷點一般在 jsvmp 中會經(jīng)常用到，因為 jsvmp 有自己的自定義指令和解釋器，一般會選擇使用插樁的方式將不同變量和寄存器的值打印出來分析算法。

XHR 斷點

XHR 斷點可以在任意 XHR 請求發(fā)送的時候斷下，也可以在包含某些關鍵字的請求發(fā)送的時候斷下。

如果想要在包含某個關鍵字的時候斷下，可以點擊加號，填寫想要斷下的關鍵字即可。

斷下時，會自動斷在 send 方法的位置，可以看到左側(cè)并沒有添加正常斷點，而且右側(cè)斷點類型的文字會自動變成黃色。

事件斷點

在 XHR 斷點的下方，有一個事件監(jiān)聽器斷點。

它可以對幾乎所有的事件下斷點，例如鼠標的點擊事件，移動事件，雙擊事件等等，一般用于在驗證碼滑塊或者點擊類的驗證碼邏輯調(diào)試的時候會用到。

選中單擊斷點后，在頁面的任意位置點擊一下，會自動觸發(fā)斷點，可以看到斷點的處理函數(shù)會傳入一個 g 參數(shù)，這個參數(shù)中保存了我當前點擊鼠標的位置，還有其他很多參數(shù)，用于處理單擊事件。

DOM 斷點

DOM 斷點一般用于調(diào)試在有新的元素新建或者刪除的時候用。

例如我在這里添加一個子樹修改斷點，因為在翻頁的時候肯定會修改子樹的。

添加好 DOM 斷點后，元素前面會有一個小小的藍色點點，同時也可以在 DOM 斷點的標簽中看到已經(jīng)對哪一個元素添加了 DOM 斷點?，F(xiàn)在點擊下一頁試試：

斷點斷下來了，看右側(cè)的調(diào)用棧，先是發(fā)送請求，然后調(diào)用了 success 方法解析數(shù)據(jù)，最終通過 jQuery 來將數(shù)據(jù)填充到 DOM 樹中。如果沒有 XHR 斷點的話，也可以使用這種方式來查找請求發(fā)送的位置。

總結(jié)

在越來越復雜的 JS 代碼中，斷點對于逆向是必不可少的，但是在遇到一些特殊需求或者正常斷點難以解決的問題時，也可以多試試其他斷點，有的時候一個正確的方法可以事半功倍。

到此這篇關于JS打斷點的六種常用姿勢的文章就介紹到這了,更多相關JS打斷點姿勢內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

最新評論