[js逆向补环境专栏]过xhs的x2 x-s环境检测 -- part1

2023-11-10 21:31

本文主要是介绍[js逆向补环境专栏]过xhs的x2 x-s环境检测 -- part1,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

[补环境]过xhs的x2环境检测 – part1
Xhs的jsvmp用算法逆向确实容易头秃,扣代码对vmp而言也用处不大,此时补环境的重要性就出来了,通过把运行js的环境伪造得像浏览器一样,就能模拟出好像请求都是通过浏览器发起的一样。

这里要区分两个问题:

1.补环境是为了补充nodejs没有的一些方法,对象等

2.补环境同样是为了规避nodejs被检测

这两个听起来很类似但确实不同

比如如果node运行代码提示没有window对象,那么这个属于情况1

但是如果代码里有这么一段代码:

let nd = global==undefined
if (!nd){
X2=“此人不是浏览器”
//做一些见不得人的检测勾当,把你的调试引入歧途……
}

这样的代码即为检测nodejs的代码,这些代码悄悄地进行检测,然后把xhs的x2参数变得和浏览器不一样,让你无法得到正确的x2,

为了生动形象,加深对技术本质的理解,本着知其然还要知其所以然的态度,我们以xhs的代码为例,一步一步深入挖掘,看看补环境的是是非非……

故事开始……

今天我拿到了xhs的加密js源码,我直接一个Ctrl c把所有的代码,复制到本地,添加下面的代码测试加密函数:

var u = “/api/sns/web/v2/comment/page?note_id=648723c9000000001300a677&cursor=”;
function get_xsxt(url, json_data){
let ans = window._webmsxyw(url, json_data)
return ans
}
let ans = get_xsxt(u,“”)
console.log(ans)

保存为xhs.js,好!打开终端,输入node xhs.js,坐等结果,好!逆向真简单!
在这里插入图片描述

不出意外的话还是出意外了,提示没有window对象,这就是补环境的发源之地,行吧,那我就补上window对象!也就是说这份代码会使用到window对象里面的一些东西,包括但不限于使用里面的对象啊、方法啊、值啊等的,这个时候补充window=global、(或者window={},然后一步一步的补充需要的对象),但是window=global简单粗暴但是也容易被检测到你使用的js runtime和浏览器不一样,那么你就坐等被检测吧……,但是!我们由浅入深,就看看他妈的,他能怎么检测,我就用window=global试试先:
在这里插入图片描述

提示没有RegExp这个东西,但是明明global对象是有这个函数的啊:

在这里插入图片描述
在这里插入图片描述

不管他,我们按照浏览器的将RegExp补充在window对象上,我们补上:

window.RegExp = function RegExp(){};
再次运行:

在这里插入图片描述

好家伙,还是有问题,于是,我们一观察调用位置,也许_ace_0a916._ace_936这个对象就不是window呢?

于是我们直接打个断点来进行调试看看,到底是谁调用了RegExp属性!

在这里插入图片描述

我勒个去去,调用者936是undefined……,那肯定是没有RegExp属性的……,那么这条路走到这,是不是意味着走不下去了呢?如果就自己手动往上跟栈的话,是比较头疼的……那么,我们不妨试试一开始补window={}看看效果如何?

结果出乎意料的相似,是一样的,那么现在怎么办呢?打开思路,我们去浏览器同样断下来看看这个地方正确的应该是什么?
在这里插入图片描述

那么就奇了怪了,为什么我们补充了window对象却没有??

这时候,我们请出所谓的补环境框架,看看这框架到底是如何解决我们这些问题的?:

通过补环境的框架可知,它是因为有circle的引用,导致我们上面的补法出现问题,因为我们上面的补法,window下面并没有window,于是我们加上看看!:
在这里插入图片描述

let window = global
window.RegExp = function RegExp(){};
window.window = window
再次运行:

在这里插入图片描述

这个RegExp的报错我们就通过了,那么为什么这个补环境的框架能够捕捉到这种情况,而我们手动没法捕捉到呢?这就是得益于proxy的运用,每次一旦访问和设置proxy代理的对象的值,都会hook到,也就是链式的hook,于是,便有了补环境框架的由来。

书归正传,我们现继续手动补着看!

现在需要补充createElement,这个定义在了document上,我们直接补充:

let document = {};
document.createElement = function createElement(tagName) {
let tagname = tagName.toLowerCase() + ‘’
debugger;
return {}
}
运行看看:

在这里插入图片描述

还是这个错,借鉴上面的思路,我们需要把document作为window的属性加入进去,于是调整补充的代码:

let document = {};
document.createElement = function createElement(tagName) {
let tagname = tagName.toLowerCase() + ‘’
debugger;
return {}
}

let window = global
window.RegExp = function RegExp(){};
window.document = document;

window.window = window
运行看看:

在这里插入图片描述

补充这个getAttribute,这个有过正向设计的经验的人都知道,这是HTML元素获取自己的属性的方法,那么假如你是没有正向设计的经验的人,也可以通过这个网站去查看,(不过我建议最好学习正向设计,后面看效益也会在星球发布教程,主打一融会贯通和深入理解)。

getAttribute 如下资料:

在这里插入图片描述

这个方法应该定义在被创建的元素的对象上,那么我们这次仅仅针对xhs就直接这样补:

let document = {};
document.createElement = function createElement(tagName) {
let tagname = tagName.toLowerCase() + ‘’
debugger;
return {
“getAttribute”:function getAttribute(attName){
debugger;
return “”
}
}
}

let window = global
window.RegExp = function RegExp(){};
window.document = document;

window.window = window
运行看看:

在这里插入图片描述

也不行,这个就奇怪了……,
那么答案只可能有一个就是,调用者不是创建的元素,而是另有其人!
那么我们可以,在这个地方打上断点,去浏览器看是什么元素调用的getAttribute属性:

通过断点能看到是documentElement,查资料如下:

因此补充为:

document.documentElement = {}
document.documentElement.getAttribute = function getAttribute(attName) {
console.log(“getAttribute->”,attName)
}

再次运行:

在这里插入图片描述

这里也是老方法,打上断点对比浏览器得出,8721是getContext方法,于是补充:

let window = global;
let document = {};

document.documentElement = {}
document.documentElement.getAttribute = function getAttribute(attName) {
console.log(“getAttribute->”,attName)
}
document.createElement = function createElement(tagName) {
let tagname = tagName.toLowerCase() + ‘’
console.log(“createElement->”,tagname)
const canvas = new (function () { })
canvas.getContext = function getContext(pixs) {
console.log(“getContext->”, pixs)
debugger;
return {}
}
return canvas
}
window.RegExp = function RegExp(){};
window.document = document;
window.window = window;
再次运行:

在这里插入图片描述

终于输出值了,很明显值不对,此时的x2为:

在这里插入图片描述

而浏览器的x2为:x2=0|0|0|1|0|0|1|0|0|0|1|0|0|0|0,显然是不正确的

肯定是某些环境检测没有通过,导致的,就比如我们的cookie是必须的,但是手动补的方法,从头到尾对于我们来说对cookie的关键性都是无感知的,因此,这种错误驱动型的补环境策略并不靠谱。

因此,我们需要引入proxy代理,便于对那些不抛出异常的检测点进行捕捉,然后补上环境,我们放在下一篇part2中介绍。
记得加入我们的学习群呀!
529528142

这篇关于[js逆向补环境专栏]过xhs的x2 x-s环境检测 -- part1的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/385388

相关文章

SQLite3 在嵌入式C环境中存储音频/视频文件的最优方案

《SQLite3在嵌入式C环境中存储音频/视频文件的最优方案》本文探讨了SQLite3在嵌入式C环境中存储音视频文件的优化方案,推荐采用文件路径存储结合元数据管理,兼顾效率与资源限制,小文件可使用B... 目录SQLite3 在嵌入式C环境中存储音频/视频文件的专业方案一、存储策略选择1. 直接存储 vs

C++ 检测文件大小和文件传输的方法示例详解

《C++检测文件大小和文件传输的方法示例详解》文章介绍了在C/C++中获取文件大小的三种方法,推荐使用stat()函数,并详细说明了如何设计一次性发送压缩包的结构体及传输流程,包含CRC校验和自动解... 目录检测文件的大小✅ 方法一:使用 stat() 函数(推荐)✅ 用法示例:✅ 方法二:使用 fsee

python常见环境管理工具超全解析

《python常见环境管理工具超全解析》在Python开发中,管理多个项目及其依赖项通常是一个挑战,下面:本文主要介绍python常见环境管理工具的相关资料,文中通过代码介绍的非常详细,需要的朋友... 目录1. conda2. pip3. uvuv 工具自动创建和管理环境的特点4. setup.py5.

OpenCV实现实时颜色检测的示例

《OpenCV实现实时颜色检测的示例》本文主要介绍了OpenCV实现实时颜色检测的示例,通过HSV色彩空间转换和色调范围判断实现红黄绿蓝颜色检测,包含视频捕捉、区域标记、颜色分析等功能,具有一定的参考... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间

Python中使用uv创建环境及原理举例详解

《Python中使用uv创建环境及原理举例详解》uv是Astral团队开发的高性能Python工具,整合包管理、虚拟环境、Python版本控制等功能,:本文主要介绍Python中使用uv创建环境及... 目录一、uv工具简介核心特点:二、安装uv1. 通过pip安装2. 通过脚本安装验证安装:配置镜像源(可

python获取cmd环境变量值的实现代码

《python获取cmd环境变量值的实现代码》:本文主要介绍在Python中获取命令行(cmd)环境变量的值,可以使用标准库中的os模块,需要的朋友可以参考下... 前言全局说明在执行py过程中,总要使用到系统环境变量一、说明1.1 环境:Windows 11 家庭版 24H2 26100.4061

pytest+allure环境搭建+自动化实践过程

《pytest+allure环境搭建+自动化实践过程》:本文主要介绍pytest+allure环境搭建+自动化实践过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录一、pytest下载安装1.1、安装pytest1.2、检测是否安装成功二、allure下载安装2.

VS配置好Qt环境之后但无法打开ui界面的问题解决

《VS配置好Qt环境之后但无法打开ui界面的问题解决》本文主要介绍了VS配置好Qt环境之后但无法打开ui界面的问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要... 目UKeLvb录找到Qt安装目录中designer.UKeLvBexe的路径找到vs中的解决方案资源

使用Python获取JS加载的数据的多种实现方法

《使用Python获取JS加载的数据的多种实现方法》在当今的互联网时代,网页数据的动态加载已经成为一种常见的技术手段,许多现代网站通过JavaScript(JS)动态加载内容,这使得传统的静态网页爬取... 目录引言一、动态 网页与js加载数据的原理二、python爬取JS加载数据的方法(一)分析网络请求1

SpringBoot实现多环境配置文件切换

《SpringBoot实现多环境配置文件切换》这篇文章主要为大家详细介绍了如何使用SpringBoot实现多环境配置文件切换功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 示例代码结构2. pom文件3. application文件4. application-dev文