#JavaScript Hook 技术实战指南

// ==UserScript==
// @name         Hook入门测试脚本
// @namespace    https://github.com/yourname/
// @version      1.0.0
// @description  一个演示console.log Hook的油猴脚本
// @author       你的名字
// @match        https://*.example.com/*
// @match        https://login1.scrape.center/*
// @grant        none
// @run-at       document-end
// ==/UserScript==

(function() {
    'use strict'; // 强制开启严格模式，避免变量污染

    // 这里写你的Hook逻辑
    console.log('✅ Hook入门测试脚本已加载');
})();

/**
 * 通用简单Hook函数
 * @param {object} obj - 原始函数所在的对象（全局函数传window）
 * @param {string} methodName - 要Hook的函数名
 */
function simpleHook(obj, methodName) {
    const originalFn = obj[methodName];
    // 替换原函数
    obj[methodName] = function(...args) {
        // ✅ 执行前逻辑
        console.group(`🔍 Hook捕获到 ${methodName}`);
        console.log('传入参数:', args);
        
        // 调用原始函数（保留原功能）
        const result = originalFn.apply(this, args);
        
        // ✅ 执行后逻辑
        console.log('返回结果:', result);
        console.groupEnd();
        
        return result; // 返回原函数的结果（可选修改）
    };
}

// 测试：Hook全局的console.log
simpleHook(window.console, 'log');

/**
 * 通用原型链Hook函数
 * @param {function} constructor - 构造函数（比如XMLHttpRequest）
 * @param {string} methodName - 要Hook的原型方法名
 */
function prototypeHook(constructor, methodName) {
    const originalFn = constructor.prototype[methodName];
    constructor.prototype[methodName] = function(...args) {
        console.group(`🎯 原型链Hook ${constructor.name}.${methodName}`);
        console.log('当前实例:', this);
        console.log('传入参数:', args);
        
        const result = originalFn.apply(this, args);
        
        console.log('返回结果:', result);
        console.groupEnd();
        
        return result;
    };
}

// 测试：Hook所有XMLHttpRequest的open方法
prototypeHook(XMLHttpRequest, 'open');

/**
 * 通用条件断点Hook函数
 * @param {object} obj - 原始函数所在的对象
 * @param {string} methodName - 要Hook的函数名
 * @param {function} condition - 判断是否触发断点的函数，参数是原函数的参数
 */
function conditionalBreakpointHook(obj, methodName, condition) {
    const originalFn = obj[methodName];
    obj[methodName] = function(...args) {
        // 符合条件就触发断点
        if (condition(...args)) {
            debugger;
            console.warn(`⚠️ 条件断点触发: ${methodName}`);
        }
        return originalFn.apply(this, args);
    };
}

// 测试：当localStorage.setItem的key是'token'或'password'时触发断点
conditionalBreakpointHook(
    window.localStorage,
    'setItem',
    (key) => ['token', 'password'].includes(key)
);

// ==UserScript==
// @name         Scrape登录Token Hook
// @namespace    https://github.com/yourname/
// @version      1.0.0
// @description  分析scrape.center登录token的生成
// @author       你的名字
// @match        https://login1.scrape.center/*
// @grant        none
// @run-at       document-end
// ==/UserScript==

(function() {
    'use strict';

    // 保存原始btoa
    const originalBtoa = window.btoa;
    // 替换btoa
    window.btoa = function(input) {
        console.group('🔑 btoa Token Hook');
        console.log('加密前的明文:', input);
        console.trace('调用栈（往上翻找到加密逻辑！）');
        debugger; // 自动触发断点，方便调试
        
        const result = originalBtoa(input);
        
        console.log('加密后的token:', result);
        console.groupEnd();
        
        return result;
    };
})();

/**
 * 通用异步函数Hook
 * @param {object} obj - 原始函数所在的对象
 * @param {string} methodName - 要Hook的异步函数名
 */
function asyncHook(obj, methodName) {
    const originalFn = obj[methodName];
    obj[methodName] = async function(...args) {
        const startTime = performance.now();
        console.group(`⚡ 异步Hook ${methodName}`);
        console.log('传入参数:', args);
        
        try {
            const result = await originalFn.apply(this, args);
            console.log('✅ 执行成功，耗时:', (performance.now() - startTime).toFixed(2), 'ms');
            console.log('返回结果:', result);
            return result;
        } catch (err) {
            console.error('❌ 执行失败:', err);
            throw err; // 抛出错误，不影响原逻辑的错误处理
        } finally {
            console.groupEnd();
        }
    };
}

// 测试：Hook全局的fetch API
asyncHook(window, 'fetch');

/**
 * 通用属性访问Hook
 * @param {object} obj - 属性所在的对象
 * @param {string} propName - 要Hook的属性名
 */
function propertyHook(obj, propName) {
    let internalValue = obj[propName]; // 用内部变量存储属性值
    Object.defineProperty(obj, propName, {
        get() {
            console.log(`📖 读取属性 ${propName}:`, internalValue);
            return internalValue;
        },
        set(newValue) {
            console.log(`✏️ 修改属性 ${propName}:`, newValue);
            internalValue = newValue;
        },
        configurable: true, // 必须设为true，否则无法再次修改属性
        enumerable: true // 保持原属性的可枚举性
    });
}

// 测试：Hook window.location.href
propertyHook(window.location, 'href');

// 1. 从iframe里获取「干净」的原始API（如果网站有iframe的话）
const iframe = document.createElement('iframe');
iframe.style.display = 'none';
document.body.appendChild(iframe);
const cleanBtoa = iframe.contentWindow.btoa;
// 使用cleanBtoa...

// 2. 绕过writable: false的限制（重新defineProperty）
function bypassWritable(obj, propName, newFn) {
    Object.defineProperty(obj, propName, {
        value: newFn,
        writable: true,
        configurable: true,
        enumerable: true
    });
}