资讯网站 怎样 增强用户粘度做网站的外包公司
一、变量/函数名混淆
原理：将有意义的变量名替换为无意义的短名（如 _0xabc12, a, b1），让代码失去可读性。
示例
function _0x1f2a(_0x1234) {console['log'](_0x1234);
}
_0x1f2a('你好');
原始逻辑是：
function sayHello(name) {console.log(name);
}
sayHello('你好');
目的：隐藏函数功能，增加逆向难度。
解决方法
-
使用
js-beautify美化代码 -
使用 Babel AST 或正则替换还原变量名
-
人工或自动语义命名（如
第一层,参数1,输出）
二、字符串混淆
原理：将字符串转为 Hex、Unicode、Base64 等格式，运行时再解密。
示例
var a = '\x63\x6f\x6e\x73\x6f\x6c\x65';
var b = a + '\x2e\x6c\x6f\x67';
eval(b + '("hello")');
等价于：
console.log("hello");
目的：隐藏字符串内容，如 API、函数名、密钥。
解决方法
-
用
console.log打印eval参数 -
写脚本解码 hex/base64/unicode
-
Babel AST 静态替换解码函数
三、控制流扁平化
原理：将原本顺序执行的代码拆成块，用 switch/while/jump 执行，打乱执行顺序。
示例
(function(){var _idx = 0;var _arr = ['a', 'b', 'c'];while(true){switch(_arr[_idx++]) {case 'a': console.log("1"); break;case 'b': console.log("2"); break;case 'c': return;}}
})();
目的：打乱逻辑结构，阻止静态分析。
解决方法
-
静态分析 switch case 执行顺序
-
用 Babel 拆成顺序逻辑
-
人工逐步调试每一步
四、数组映射字符串
原理：把关键字符串存在数组中，用数组下标访问调用。
示例
var arr = ['log', 'hello'];
console[arr[0]](arr[1]);
等价于：
console.log("hello");
目的：隐藏调用结构。
解决方法
-
使用脚本将数组反查原值并替换所有引用
-
Babel traverse 实现自动替换
五、多层 eval
原理：用多层嵌套的 eval 执行，防止静态阅读和调试。
示例
eval(eval("String.fromCharCode(99,111,110,115,111,108,101)+'.log(\"hi\")'"));
最终等价于：
console.log("hi");
解决方法
-
Hook
eval函数打印执行参数 -
用
console.log替代eval查看内部结构 -
把 eval 参数提取出来还原
六、new Function 动态执行
原理：用 new Function() 构造运行时代码。
示例
var fn = new Function('console.log("hi")');
fn();
目的：等价于 eval，隐藏逻辑。
解决方法
-
替换为
console.log输出代码内容 -
在浏览器中注入 Hook Function 构造器
七、动态网络加载代码
原理：运行时从网络下载 JS 脚本，使用 eval 或 script 标签执行。
示例
fetch('/api/js').then(r => r.text()).then(eval);
目的：绕过静态分析，延迟投毒。
解决方法
-
抓包获取真实脚本内容
-
屏蔽动态加载，分析本地脚本
-
Hook fetch / xhr 返回体
八、JS VM 虚拟机混淆
原理：把 JS 编译成字节码，运行一个自定义解释器执行。
示例
var code = [0x12, 0x34, 0x78];
MyVM.run(code);
目的：完全隐藏真实逻辑，甚至加壳。
解决方法
-
分析 VM 实现，还原 opcode 与行为映射
-
手动构建 opcode -> JS 代码的转换脚本
-
跟踪运行行为，dump 中间变量
九、JSFuck 编码混淆
原理：用仅 [ ] ( ) + ! 六个字符实现 JS 代码。
示例
[][(![]+[])[+[]]+([][[]]+[])[+!+[]]+...][([]+[])[+[]]+...][([]+[])[+[]]+...]('alert(1)')();
解决方法
-
使用 https://enkhee-osiris.github.io/Decoder-JSFuck/ 解码
-
手写 JSFuck 解码器或 AST 解析器还原
十、反调试/反控制台
原理：检测是否打开了 devtools 调试器，阻止控制台输出。
示例
setInterval(function(){if(window.outerHeight - window.innerHeight > 100) {alert("调试器检测");}
}, 1000);
目的：防止调试器断点分析。
解决方法
-
注释相关检测代码
-
重写相关函数如
console.log,window.outerHeight -
使用无头浏览器配合 bypass 技术
十一、实战举例
11.1 混淆代码
(function (_0x3f12d1, _0x1b23f4) {var _0xabc123 = function (_0x5a72c1) {while (--_0x5a72c1) {_0x3f12d1['push'](_0x3f12d1['shift']());}};_0xabc123(++_0x1b23f4);
})(['log', 'Hello\x20World'], 0x1);var _0x55ee = function (_0x1d3f84, _0x2f7e3b) {_0x1d3f84 = _0x1d3f84 - 0x0;var _0x4328cb = ['log', 'Hello World'];return _0x4328cb[_0x1d3f84];
};console[_0x55ee(0x0)](_0x55ee(0x1));
11.2 初步分析
混淆点：
-
立即执行函数 IIFE 中对数组进行了 shift/rotate 操作
-
_0x55ee是一个偏移映射函数（类数组解码） -
控制台调用变成了动态索引访问
目标是还原出最原始的代码。
11.3 逐步还原
步骤 1：恢复 IIFE 之后的数组内容
(function (_0x3f12d1, _0x1b23f4) {var _0xabc123 = function (_0x5a72c1) {while (--_0x5a72c1) {//arr.shift()：移除并返回数组开头的元素。//arr.push(value)：将一个元素添加到数组末尾。_0x3f12d1['push'](_0x3f12d1['shift']());}};_0xabc123(++_0x1b23f4);
})(['log', 'Hello World'], 0x1);
执行逻辑等价于：
let arr = ['log', 'Hello World'];
arr.push(arr.shift()); // 'log' 被移到最后
// => ['Hello World', 'log']
所以 _0x55ee 实际访问的是：
['Hello World', 'log']
但是注意：混淆里写的是 ['log', 'Hello World']，所以 IIFE 执行后变成 ['Hello World', 'log']。
步骤 2：解读 _0x55ee 作用
var _0x55ee = function (_0x1d3f84, _0x2f7e3b) {_0x1d3f84 = _0x1d3f84 - 0x0;var _0x4328cb = ['log', 'Hello World'];return _0x4328cb[_0x1d3f84];
};
但注意：这个数组 ['log', 'Hello World'] 是原始的，没有做 shift。
所以这里 _0x55ee(0x0) 实际返回的是 'log'，_0x55ee(0x1) 返回 'Hello World'。
步骤 3：替换 console 调用部分
console[_0x55ee(0x0)](_0x55ee(0x1));
等价于：
console['log']('Hello World');
11.4 还原代码
完全还原结果如下：
console.log('Hello World');
11.5 总结分析
| 混淆点 | 意图 | 解决方式 |
|---|---|---|
| 数组移位 | 打乱数组索引逻辑 | 运行一次 IIFE 获取结果 |
索引函数 _0x55ee | 模拟字符串映射 | 提前计算函数返回值并替换 |
动态调用 console[...] | 避免搜索关键字 | 静态替换成 console.log |