爬虫逆向之常见的JS Hook示例

在JavaScript中，hook通常指的是通过替换或修改函数、属性或对象来拦截或修改程序行为的技术。

以下是一些常见的hook示例：

函数挂钩（Function Hooking）:

// 原始函数
function originalFunction() {
    console.log("Original function called");
}
// 替换函数
function newFunction() {
    console.log("Hooked function called");
}
// Hooking the original function
originalFunction = newFunction;
// 调用原始函数，实际上会调用hooked函数
originalFunction(); // 输出: Hooked function called

属性挂钩（Property Hooking）:

// 原始对象
const obj = {
    originalProperty: "Original value"
};
// 拦截属性访问
Object.defineProperty(obj, 'originalProperty', {
    get: function() {
        return "Hooked value";
    }
});
// 访问属性，得到hooked值
console.log(obj.originalProperty); // 输出: Hooked value

原型链挂钩（Prototype Chain Hooking）:

// 原始构造函数
function OriginalClass() {
    this.sayHello = function() {
        console.log("Hello from original class");
    };
}
// 新的构造函数
function HookedClass() {
    this.sayHello = function() {
        console.log("Hello from hooked class");
    };
}
// 创建一个实例
const instance = new OriginalClass();
// Hook原型链
instance.__proto__ = new HookedClass();
// 调用方法，得到hooked结果
instance.sayHello(); // 输出: Hello from hooked class

事件监听器挂钩（Event Listener Hooking）:

// 假设有一个按钮元素
const button = document.getElementById('myButton');
// 原始事件监听器
button.addEventListener('click', originalClickListener);
// 新的事件监听器
function newClickListener() {
    console.log("Hooked click event");
}
// Hook点击事件
button.addEventListener('click', newClickListener);
// 点击按钮，会触发hooked事件

Ajax请求挂钩（Ajax Request Hooking）:

// 原始XMLHttpRequest对象
const originalXHR = window.XMLHttpRequest;
// 创建一个代理对象
const hookedXHR = new Proxy(originalXHR, {
    construct: function(target, args) {
        const xhr = new target(...args);
        xhr.addEventListener('readystatechange', function() {
            if (xhr.readyState === 4) {
                console.log("Hooked XMLHttpRequest response:", xhr.responseText);
            }
        });
        return xhr;
    }
});
// 替换原始XMLHttpRequest
window.XMLHttpRequest = hookedXHR;
// 现在，所有的XMLHttpRequest请求都会被hooked

定时器挂钩（Timer Hooking）:

// 原始setTimeout函数
const originalSetTimeout = window.setTimeout;
// Hook setTimeout
window.setTimeout = function(callback, timeout) {
    console.log("Hooked setTimeout called with timeout:", timeout);
    return originalSetTimeout(callback, timeout);
};
// 使用setTimeout，会触发hooked行为
setTimeout(function() {
    console.log("Timeout reached");
}, 1000);