怎么解決JavaScript逆向的時候遇到無限debugger的問題

怎么解決JavaScript逆向的時候遇到無限debugger的問題

在進行JavaScript逆向工程時，經常會遇到網站為了防止調試而設置的無限debugger陷阱。這種機制會不斷觸發斷點，導致調試器無法正常進行代碼分析。本文將詳細介紹如何應對這種情況，并提供一些實用的解決方案。

1. 理解無限debugger的原理

無限debugger通常是通過在代碼中插入debugger;語句來實現的。當開發者工具打開時，瀏覽器會執行debugger;語句，從而觸發斷點。如果這個語句被放在一個循環或定時器中，就會導致斷點不斷被觸發，形成“無限debugger”的效果。

例如：

setInterval(function() {
    debugger;
}, 100);

這段代碼會每隔100毫秒觸發一次斷點，導致調試器無法正常進行。

2. 禁用斷點

最簡單的方法是直接禁用斷點。大多數現代瀏覽器的開發者工具都提供了禁用斷點的功能。

2.1 Chrome 開發者工具

在Chrome開發者工具中，可以通過以下步驟禁用斷點：

1. 打開開發者工具（F12或右鍵檢查）。
2. 切換到“Sources”選項卡。
3. 在右側的“Breakpoints”面板中，點擊“Deactivate breakpoints”按鈕（圖標是一個暫停符號）。

這樣，所有的斷點都會被禁用，包括debugger;語句。

2.2 Firefox 開發者工具

在Firefox開發者工具中，禁用斷點的方法類似：

1. 打開開發者工具（F12或右鍵檢查）。
2. 切換到“Debugger”選項卡。
3. 在右側的“Breakpoints”面板中，點擊“Disable all breakpoints”按鈕。

3. 重寫debugger函數

如果禁用斷點的方法不奏效，或者你希望在不完全禁用斷點的情況下繞過無限debugger，可以嘗試重寫debugger函數。

3.1 使用Function.prototype重寫

你可以通過重寫Function.prototype來攔截debugger語句的執行：

Function.prototype.constructor = function() {};

這段代碼會將Function.prototype.constructor重寫為一個空函數，從而阻止debugger語句的執行。

3.2 使用eval重寫

另一種方法是使用eval來動態重寫debugger函數：

eval("debugger = function() {}");

這段代碼會將debugger重寫為一個空函數，從而阻止斷點的觸發。

4. 使用代理攔截debugger語句

如果你需要更精細的控制，可以使用JavaScript的Proxy對象來攔截debugger語句的執行。

4.1 創建代理

首先，創建一個代理對象來攔截debugger語句：

const handler = {
    apply: function(target, thisArg, argumentsList) {
        if (argumentsList[0] === 'debugger') {
            return;
        }
        return target.apply(thisArg, argumentsList);
    }
};

const proxy = new Proxy(Function, handler);

4.2 替換Function構造函數

接下來，將Function構造函數替換為代理對象：

Function = proxy;

這樣，所有的debugger語句都會被攔截，而不會觸發斷點。

5. 使用瀏覽器擴展

如果你不想手動修改代碼，可以使用一些瀏覽器擴展來繞過無限debugger。

5.1 Chrome 擴展

有一些Chrome擴展可以幫助你繞過無限debugger，例如“Disable JavaScript”或“Debugger Disabler”。這些擴展可以自動禁用debugger語句，從而避免斷點的觸發。

5.2 Firefox 擴展

在Firefox中，你可以使用“Disable Debugger”擴展來達到同樣的效果。這些擴展通常會在后臺運行，自動攔截debugger語句。

6. 使用無頭瀏覽器

如果你需要在自動化腳本中繞過無限debugger，可以考慮使用無頭瀏覽器，如Puppeteer或Playwright。

6.1 Puppeteer

Puppeteer是一個Node.js庫，提供了對Chrome或Chromium的高級API控制。你可以通過Puppeteer啟動一個無頭瀏覽器，并禁用斷點：

const puppeteer = require('puppeteer');

(async () => {
    const browser = await puppeteer.launch({ headless: true });
    const page = await browser.newPage();
    await page.goto('https://example.com');

    await page.evaluate(() => {
        Function.prototype.constructor = function() {};
    });

    // 繼續你的操作
})();

6.2 Playwright

Playwright是另一個類似Puppeteer的庫，支持多種瀏覽器。你可以使用Playwright來禁用斷點：

const { chromium } = require('playwright');

(async () => {
    const browser = await chromium.launch({ headless: true });
    const page = await browser.newPage();
    await page.goto('https://example.com');

    await page.evaluate(() => {
        Function.prototype.constructor = function() {};
    });

    // 繼續你的操作
})();

7. 總結

無限debugger是JavaScript逆向工程中常見的反調試手段，但通過禁用斷點、重寫debugger函數、使用代理、瀏覽器擴展或無頭瀏覽器等方法，你可以有效地繞過這些陷阱。選擇合適的方法取決于你的具體需求和環境。希望本文提供的解決方案能幫助你在JavaScript逆向工程中更加順利地進行調試和分析。