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

2401_84139192

于 2024-04-26 17:15:20 发布

阅读量758

点赞数 3

分类专栏：程序员文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/2401_84139192/article/details/138224784

版权

程序员专栏收录该内容

146 篇文章 0 订阅

订阅专栏

介绍

大家好，我是辣条哥！
今天给大家上点难度，不然总觉得辣条哥太菜了！我们今天聊聊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 还是要有一个学习规划。最后大家分享一份全套的 Python 学习资料，给那些想学习 Python 的小伙伴们一点帮助！



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



Python所有方向路线就是把Python常用的技术点做整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。



![](https://img-blog.csdnimg.cn/img_convert/9f49b566129f47b8a67243c1008edf79.png)



### 二、学习软件

工欲善其事必先利其器。学习Python常用的开发软件都在这里了，给大家节省了很多时间。



![](https://img-blog.csdnimg.cn/img_convert/8c4513c1a906b72cbf93031e6781512b.png)



### 三、全套PDF电子书



书籍的好处就在于权威和体系健全，刚开始学习的时候你可以只看视频或者听某个人讲课，但等你学完之后，你觉得你掌握了，这时候建议还是得去看一下书籍，看权威技术书籍也是每个程序员必经之路。

![](https://img-blog.csdnimg.cn/img_convert/46506ae54be168b93cf63939786134ca.png)



### 四、入门学习视频

我们在看视频学习的时候，不能光动眼动脑不动手，比较科学的学习方法是在理解之后运用它们，这时候练手项目就很适合了。



![](https://img-blog.csdnimg.cn/afc935d834c5452090670f48eda180e0.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA56iL5bqP5aqb56eD56eD,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)



### 五、实战案例



光学理论是没用的，要学会跟着一起敲，要动手实操，才能将自己的所学运用到实际当中去，这时候可以搞点实战案例来学习。



![](https://img-blog.csdnimg.cn/img_convert/252731a671c1fb70aad5355a2c5eeff0.png)



### 六、面试资料

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



![](https://img-blog.csdnimg.cn/img_convert/6c361282296f86381401c05e862fe4e9.png)  

![](https://img-blog.csdnimg.cn/img_convert/d2d978bb523c810abca3abe69e09bc1a.png)




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

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

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

2401_84139192

关注

3
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
【万字解析】JS逆向由浅到深，3个案例由简到难，由练手到项目解析（代码都附详细注释

大家好，我是辣条哥！今天给大家上点难度，不然总觉得辣条哥太菜了！我们今天聊聊JS逆向，首先JS逆向是指对使用JavaScript编写的代码进行逆向工程，以获取代码的逻辑、算法或者进行修改。假设有一个网站，它使用了JavaScript来进行表单验证。当用户在登录表单中输入用户名和密码后，点击登录按钮时，JavaScript代码会对输入的用户名和密码进行验证，如果验证通过，则允许用户登录，否则会提示错误信息。现在我们想要绕过这个验证，直接登录到网站。1.打开网站登录页面，按下F12键打开开发者工具。
复制链接

扫一扫