[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

相关文章

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

Python如何自动生成环境依赖包requirements

《Python如何自动生成环境依赖包requirements》:本文主要介绍Python如何自动生成环境依赖包requirements问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑... 目录生成当前 python 环境 安装的所有依赖包1、命令2、常见问题只生成当前 项目 的所有依赖包1、

Node.js 数据库 CRUD 项目示例详解(完美解决方案)

《Node.js数据库CRUD项目示例详解(完美解决方案)》:本文主要介绍Node.js数据库CRUD项目示例详解(完美解决方案),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考... 目录项目结构1. 初始化项目2. 配置数据库连接 (config/db.js)3. 创建模型 (models/

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

Redis在windows环境下如何启动

《Redis在windows环境下如何启动》:本文主要介绍Redis在windows环境下如何启动的实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Redis在Windows环境下启动1.在redis的安装目录下2.输入·redis-server.exe

Pytest多环境切换的常见方法介绍

《Pytest多环境切换的常见方法介绍》Pytest作为自动化测试的主力框架,如何实现本地、测试、预发、生产环境的灵活切换,本文总结了通过pytest框架实现自由环境切换的几种方法,大家可以根据需要进... 目录1.pytest-base-url2.hooks函数3.yml和fixture结论你是否也遇到过

浅谈配置MMCV环境,解决报错,版本不匹配问题

《浅谈配置MMCV环境,解决报错,版本不匹配问题》:本文主要介绍浅谈配置MMCV环境,解决报错,版本不匹配问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录配置MMCV环境,解决报错,版本不匹配错误示例正确示例总结配置MMCV环境,解决报错,版本不匹配在col

用js控制视频播放进度基本示例代码

《用js控制视频播放进度基本示例代码》写前端的时候,很多的时候是需要支持要网页视频播放的功能,下面这篇文章主要给大家介绍了关于用js控制视频播放进度的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言html部分:JavaScript部分:注意:总结前言在javascript中控制视频播放

Centos环境下Tomcat虚拟主机配置详细教程

《Centos环境下Tomcat虚拟主机配置详细教程》这篇文章主要讲的是在CentOS系统上,如何一步步配置Tomcat的虚拟主机,内容很简单,从目录准备到配置文件修改,再到重启和测试,手把手带你搞定... 目录1. 准备虚拟主机的目录和内容创建目录添加测试文件2. 修改 Tomcat 的 server.X

VSCode配置Anaconda Python环境的实现

《VSCode配置AnacondaPython环境的实现》VisualStudioCode中可以使用Anaconda环境进行Python开发,本文主要介绍了VSCode配置AnacondaPytho... 目录前言一、安装 Visual Studio Code 和 Anaconda二、创建或激活 conda