【万字解析】JS逆向由浅到深，3个案例由简到难，由练手到项目解析（代码都附详细注释

目录

• 介绍
• 简单案例
• 简单案例二
• 项目实战案例-某查查

介绍

大家好，我是辣条哥！
今天给大家上点难度，不然总觉得辣条哥太菜了！我们今天聊聊JS逆向，首先JS逆向是指对使用JavaScript编写的代码进行逆向工程，以获取代码的逻辑、算法或者进行修改。

下面举一个简单的例子来说明JS逆向的过程：

假设有一个网站，它使用了JavaScript来进行表单验证。当用户在登录表单中输入用户名和密码后，点击登录按钮时，JavaScript代码会对输入的用户名和密码进行验证，如果验证通过，则允许用户登录，否则会提示错误信息。

现在我们想要绕过这个验证，直接登录到网站。我们可以通过以下步骤进行JS逆向：

1.打开网站登录页面，按下F12键打开开发者工具。
2.在开发者工具的Elements或者Sources选项卡中找到包含验证逻辑的JavaScript文件。
3.阅读JavaScript代码，寻找与表单验证相关的函数或者逻辑。
4.分析代码，找出验证的规则和条件。可能会涉及到正则表达式、字符串比较、加密算法等。
5.修改代码，绕过验证。可以通过修改验证函数的返回值，或者直接注释掉验证代码。
6.刷新页面，输入用户名和密码，点击登录按钮，验证是否成功绕过。

废话不过说直接上案例！

简单案例

以下是一个简单的JS逆向实战案例，用于解析一个简单的加密字符串。代码中包含了详细的注释，帮助你理解每一步的操作。

// 加密字符串
var encryptedString = "dGhpcyBpcyBhIHN0cmluZw==";

// 解密函数
function decryptString(encryptedString) {
  // Base64解码
  var decodedString = atob(encryptedString);
  
  // 字符串反转
  var reversedString = reverseString(decodedString);
  
  // 返回解密后的字符串
  return reversedString;
}

// 字符串反转函数
function reverseString(string) {
  // 将字符串转换为数组
  var stringArray = string.split("");
  
  // 反转数组
  var reversedArray = stringArray.reverse();
  
  // 将数组转换为字符串
  var reversedString = reversedArray.join("");
  
  // 返回反转后的字符串
  return reversedString;
}

// 调用解密函数并打印结果
var decryptedString = decryptString(encryptedString);
console.log(decryptedString)

这个案例中，我们首先定义了一个加密字符串 encryptedString，然后定义了一个解密函数 decryptString。解密函数接收一个加密字符串作为参数，并返回解密后的字符串。

解密函数中，我们首先使用 atob 函数对加密字符串进行 Base64 解码，得到解码后的字符串 decodedString。然后，我们调用自定义的 reverseString 函数对解码后的字符串进行反转操作，得到反转后的字符串 reversedString。最后，我们返回反转后的字符串作为解密结果。

在 reverseString 函数中，我们首先将字符串转换为数组，然后使用 reverse 函数对数组进行反转操作，得到反转后的数组 reversedArray。接着，我们使用 join 函数将数组转换为字符串，得到反转后的字符串 reversedString。最后，我们返回反转后的字符串作为结果。

最后，我们调用解密函数并将结果打印到控制台。在这个案例中，解密函数会将加密字符串 “dGhpcyBpcyBhIHN0cmluZw==” 解密为 “this is a string”。

简单案例二

深入难度更高的JS逆向实战案例，带有详细注释：

// 假设有一个加密函数，将输入的字符串进行简单的加密
function encrypt(str) {
  var encryptedStr = "";
  for (var i = 0; i < str.length; i++) {
    var charCode = str.charCodeAt(i);
    encryptedStr += String.fromCharCode(charCode + 1);
  }
  return encryptedStr;
}

// 假设有一个使用加密函数的登录函数
function login(username, password) {
  var encryptedUsername = encrypt(username);
  var encryptedPassword = encrypt(password);

  // 发送加密后的用户名和密码到服务器进行验证
  // 这里只是模拟，实际上应该发送请求到服务器
  if (encryptedUsername === "ifmmp" && encryptedPassword === "qbttxpse") {
    console.log("登录成功");
  } else {
    console.log("登录失败");
  }
}

// 假设攻击者想要逆向加密函数，获取加密算法
function reverseEncrypt() {
  var encryptedStr = "ifmmp";
  var decryptedStr = "";
  for (var i = 0; i < encryptedStr.length; i++) {
    var charCode = encryptedStr.charCodeAt(i);
    decryptedStr += String.fromCharCode(charCode - 1);
  }
  console.log(decryptedStr); // 输出 "hello"
}

文末有福利领取哦~
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

👉**一、Python所有方向的学习路线**

Python所有方向的技术点做的整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。![img](https://img-blog.csdnimg.cn/c67c0f87cf9343879a1278dfb067f802.png)

👉**二、Python必备开发工具**

![img](https://img-blog.csdnimg.cn/757ca3f717df4825b7d90a11cad93bc7.png)  
👉**三、Python视频合集**

观看零基础学习视频，看视频学习是最快捷也是最有效果的方式，跟着视频中老师的思路，从基础到深入，还是很容易入门的。  
![img](https://img-blog.csdnimg.cn/31066dd7f1d245159f21623d9efafa68.png)

👉 **四、实战案例**

光学理论是没用的，要学会跟着一起敲，要动手实操，才能将自己的所学运用到实际当中去，这时候可以搞点实战案例来学习。**（文末领读者福利）**  
![img](https://img-blog.csdnimg.cn/e78afb3dcb8e4da3bae5b6ffb9c07ec7.png)

👉**五、Python练习题**

检查学习结果。  
![img](https://img-blog.csdnimg.cn/280da06969e54cf180f4904270636b8e.png)

👉**六、面试资料**

我们学习Python必然是为了找到高薪的工作，下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料，并且有阿里大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。  
![img](https://img-blog.csdnimg.cn/a9d7c35e6919437a988883d84dcc5e58.png)

![img](https://img-blog.csdnimg.cn/5db8141418d544d3a8e9da4805b1a3f9.png)

👉因篇幅有限，仅展示部分资料，这份完整版的Python全套学习资料已经上传




**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化学习资料的朋友，可以戳这里无偿获取](https://bbs.csdn.net/topics/618317507)**

**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**