Js逆向实现滑动验证码图片还原的示例代码

站长资源 2024/4/18 佚名

63 1538 63

DDR爱好者之家 Design By 杰米

本文列举两个例子：某象和某验的滑动验证

一、某验：aHR0cHM6Ly93d3cuZ2VldGVzdC5jb20vZGVtby9zbGlkZS1mbG9hdC5odG1s

未还原图像:

还原后的图:

从服务端请求来的图片是打乱后的，给用户看的时候是完整的，这个过程肯定是运行了某段js代码，将打乱的图片进行还原操作。所以我们需要找到这段js，然后还原它的代码逻辑，实现图片的还原操作，找到缺口距离，实现滑动操作。

如果你仔细观察的话，你会发现还原后的图它是canvas生成出来的

那你应该会想到，那段js中会生成canvas，然后使用它下面的一些方法，实现图片的还原操作，所以我们需要知道他啥时候生成canvas，找到位置，然后慢慢往下调试，找到还原代码。

这时我们就需要使用油猴插件，进行hook了。如果对油猴不了解的同学，可以谷歌百度下，学习下，这是非常有用的，代码如下:

// ==UserScript==
// @name     hook createElement
// @namespace  http://tampermonkey.net/
// @version   0.1
// @description try to take over the world!
// @author    朱宇
// @match    *://*/*
// @grant    none
// ==/UserScript==

(function() {
  'use strict';

  // Your code here...
  let _createElement = document.createElement.bind(document);

  document.createElement = function (elm) {
    console.log("createElement:",elm);
    if (elm === "canvas") {
      // debugger;
    }
    return _createElement(elm);
  }
})();

我们现在来看看效果，刷新页面:

那我们就可以能快速定位到创建canvas的位置了，

下面就是慢慢分析代码了，具体就不多说了

这个例子主要就是对油猴插件(hook)的使用吧。

二、某象:aHR0cDovL2Nkbi5kaW5neGlhbmctaW5jLmNvbS9jdHUtZ3JvdXAvY2FwdGNoYS11aS9kZW1vLw==

同样的验证码图片还原也是使用canvas生成的，如果使用上面的方式的话，没啥效果的

但是通过search关键字canvas还是能过发现一些猫腻的。

好了，两个例子就是这样了，具体还原代码，有兴趣自己去实现吧。

Js逆向滑动验证码,Js,滑动验证码

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“Js逆向实现滑动验证码图片还原的示例代码”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年04月18日

Js逆向实现滑动验证码图片还原的示例代码

vue 移动端记录页面浏览位置的方法

微信小程序获取公众号文章列表及显示文章的示例代码

评论“Js逆向实现滑动验证码图片还原的示例代码”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接