简介

该工具用于进行网页前端JavaScript流程分析。

使用说明位于Bilibili 如意IT

浏览器环境信息打印展示

使用说明：

1. 下载mini_installer后进行安装，桌面会出现Chromium浏览器图标。
2. 在网页开始位置断点，断点后运行下面的脚本，可以自由定制其中的打印函数和过滤内容。

let ruyirun=function (){
Object.defineProperty(Ruyiniubi.prototype, "ruyihook", { value: true });
let ruyiniubi=new Ruyiniubi;
let others = ["console","Node",
"Float32Array","Float64Array","Int16Array","Uint16Array","Int32Array","Uint32Array",
"Uint8ClampedArray","Int8Array","Uint8Array",
"ArrayBuffer","Reflect","JSON","Proxy","isNaN","Promise",
"RegExp","Set","WeakMap","Performance","parseInt",
"Map", "BigInt", "DataView", "Boolean", "Mojo", "Array", "String", "Object", "Date","Symbol", "Number",
"Function", "Math", "dir", "dirxml", "profile", "profileEnd", "table",
"keys", "values", "undebug", "debug", "monitor", "unmonitor", "inspect",
"copy", "queryObjects", "$-", "$0", "$1", "$2", "$3", "$4", "$$", "$_", "$x",
"$", "getEventListeners", "getAccessibleName", "getAccessibleRole",
"monitorEvents", "unmonitorEvents", "clear"
];
    
// ruyigetjs = function(target, prop) {
//     // 排除某些属性
//     if (others.includes(prop)) return;

//     let now = Date.now();
//     let propName = (typeof prop === "symbol") ? prop.toString() : prop;

//     let value;
//     try {
//         value = target[prop];
//     } catch (e) {
//         value = "[Access Error: " + e.message + "]";
//     }

//     // 增强输出：加上类型信息
//     let valueStr;
//     try {
//         if (typeof value === "function") {
//             valueStr = "[Function]";
//         } else if (typeof value === "object" && value !== null) {
//             valueStr = JSON.stringify(value, null, 2);
//         } else {
//             valueStr = String(value);
//         }
//     } catch (e) {
//         valueStr = target[propName];
//     }

//     console.ruyilog(`[RUYI-get]: [${now}] ${target} -> ${propName} -> ${valueStr}`);
// };

// ruyisetjs = function(target, prop, value) {
//     // 如果在排除名单中，跳过打印
//     if (others.includes(prop)) return;

//     let now = Date.now();
//     let propName = (typeof prop === "symbol") ? prop.toString() : prop;

//     // 安全字符串化 value
//     let valueStr;
//     try {
//         if (typeof value === "function") {
//             valueStr = "[Function]";
//         } else if (typeof value === "object" && value !== null) {
//             valueStr = JSON.stringify(value, null, 2);
//         } else {
//             valueStr = String(value);
//         }
//     } catch (e) {
//         valueStr = target[propName];
//     }

//     console.ruyilog(`[RUYI-set]: [${now}] ${target} -> ${propName} -> ${valueStr}`);
// };

//去重
const ruyiPrintCache = new Set();
const ruyiCacheTTL = 2000; // 1秒内相同日志不再打印
funcjs = function(target, funcname, args, value, exception) {
    const excludedClasses = [Performance];
    if (excludedClasses.some(cls => typeof cls !== "undefined" && target instanceof cls)) {
        return;
    }
    if (["requestAnimationFrame"].includes(funcname)){
        return;
    }
    let now = Date.now();
    const key = `${target}->${funcname}->${args}->${value}`;

    if (ruyiPrintCache.has(key)) {
        return; // 已打印过，跳过
    }

    // 新的打印，记录并设置过期清除
    ruyiPrintCache.add(key);
    setTimeout(() => ruyiPrintCache.delete(key), ruyiCacheTTL);

    if (!exception) {
        console.ruyiwarn(`[RUYI-func]:[${now}]${key}`);
    } else {
        console.ruyilog(`[RUYI-func-exception]:[${now}]${key}`);
    }
};
    
hooklog = true;

// 20秒后自动关闭hook日志
setTimeout(() => {
    hooklog = false;
    ruyiniubi.print("[RUYI] hooklog 已自动关闭");
}, 20000);

    
}

ruyirun();

3. 浏览器控制台中就有日志信息了，脚本里写的默认20秒后停止（防止信息太多）。手动要终止只需

hooklog = false;
或者
Object.defineProperty(Ruyiniubi.prototype, "ruyihook", { value: false });

4. 由于其中可能打印海量的信息，一开始可以只开启funcjs，并且手动添加过滤一些重复的。
5. 如有需要可以开启ruyigetjs和ruyisetjs，不过可能信息太多导致崩溃，可以每次只开一个，慢慢查看信息。

免责声明

本免责声明旨在明确指出，本项目为课程教学产品，不得将本项目技术用于任何非法目的或破坏行为。作者对于任何使用本项目对他人或系统造成的损害概不负责。

浏览器课程培训，卖技术混口饭吃。

• b站如意教育。
• vx: Charleval
• 课程《从零开发Chromium指纹浏览器》😄：教学员从零开发一个指纹浏览器
• 课程《Chromium指纹浏览器过检测专题》😄：专门用于分析各个浏览器指纹检测网站，从源码上完美过检测。
• 课程《V8定制Hook浏览器环境执行信息》😄：专门用于分析网站指纹信息，帮助修改指纹。
• 如意教育，提供专业指纹浏览器开发教学服务，一对一答疑。