JS逆向|写给小白的浏览器环境补充指北

客官°小女子只卖身不卖艺 2023-02-16 01:53 114阅读 0赞

现在越来越多的JavaScript代码都加入了浏览器的特征，如果你用node去运行扣下来的JavaScript源代码，可能会报错，也可能得到的结果与浏览器上的不一致，因此也就无法通过服务器的参数校验。

所以，补充浏览器环境就显得尤为重要了。

不管它怎么检测浏览器环境，逃不过下面两点:

①，**用来判断，改变逻辑**

②，**值参与加密运算**

不管怎样的形式，在源代码的最前面补上就好了，尽量不要去更改浏览器特征所对应的源代码(值写死)，除非确实没办法。

在不知道怎么补环境的情况下，可以使用 **jsdom** 这个库，其官网地址:

https://www.npmjs.com/package/jsdom

Github地址:

https://github.com/jsdom/jsdom#readme

由于这两个网址都有教程，我在这里就不详细说明了，大家知道有这个库就好。

这的库有个很明显的缺点:**慢！**可以先把功能弄出来，再去优化。

下面举两个例子来看看菜鸟的我是怎么不用jsdom这个库来补环境的。

**一：判断你当前环境的window对象是否有toString方法**

if (window.toString){
          //do some thing; 修改全局变量啥的}

这时，我们只需要将 window.toString 赋值为true即可，

window = {};window.toString = true;

当然这样写没有问题，只是个逻辑，如果还判断了是否为函数:

if (typeof window.toString === 'function'){
          //do some thing; 修改全局变量啥的}

这时我们依葫芦画瓢将其定义为函数:

window.toString = function(){};

如果对返回值进行了判断或者参与了加密运算，**则直接在浏览器的控制台上运上看看返回值是啥:**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxNTIzMTc2NTg1_size_16_color_FFFFFF_t_70][]

再依照它的结果补上去就可以了:

window.toString = function() {return "[object Window]"};

二:下面是某cdn的部分代码:

document["createElement"]("img")["src"] = "/R=1&e=" + Math["random"]();

这种情况下，当前node环境如果没有 createElement 函数，肯定是会报错的。那该怎么去补呢，我们来分析:

document\["createElement"\] 是一个函数，你可以这样定义:

document = {};document.createElement = function(){};

它传递了一个实参 "img",因此还需要参数，像这样:

document.createElement = function(img){};

这样肯定还不行，document\["createElement"\]("img") 代码后面加了个 \["src"\],那说明

1.**当实参为 "img"时，有返回值****，**

2.**返回值是一个object类型。**

document.createElement = function(img){
           if (img === "img")    {
             return {};    }};

上面的代码就可以满足条件了，如果你想更完美，可以像下面这样:

document = {};document.createElement = function(img){
         if (img === "img")  {
           return {src:""};  }}

是不是很简单？

文章首发本人微信公众号:菜鸟学Python编程

![20200607142700196.png][]

欢迎关注。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxNTIzMTc2NTg1_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200607142445104.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxNTIzMTc2NTg1,size_16,color_FFFFFF,t_70
[20200607142700196.png]: https://img-blog.csdnimg.cn/20200607142700196.png