1.极验滑块 底图还原

zy-极验滑快/1.极验滑块 底图还原.md

@@ -201,4 +201,64 @@ https://www.geetest.com/demo/slide-float.html
     
 ![debugger](../img/4.png)
 
-进行调试canvas创建图片断点
+进行调试canvas创建图片断点
+
+![debugger](../img/5.png)
+
+这里能看到 canvas 的 width:312 height:160 等其他信息
+
+这里涉及的知识点的控制流平坦化
+
+    for(xxxxxx){
+        switch
+        
+        case
+    }
+
+平坦流不改变代码源代码执行流程，但是改变了源代码书写流程
+
+    function XX(x){
+        return X+2;
+    }
+    
+    var u = 1;
+    a = XX(a);
+    a = a-1;
+    
+![debugger](../img/6.png)
+
+1. switch 通过case判断是否是哪个下标执行流程化，我们可以找到数组内容就可以判断流程。
+
+2. 或者给每个case下断点，给switch下断点进行单部运行
+
+![debugger](../img/7.png)
+
+UT是个数组就是图片的摆放的顺序
+
+寻找UT定义代码
+
+    var Ut = function() {
+        var $_BJDDE = lTloj.$_CX
+          , $_BJDCY = ['$_BJDGD'].concat($_BJDDE)
+          , $_BJDEu = $_BJDCY[1];
+        $_BJDCY.shift();
+        var $_BJDFY = $_BJDCY[0];
+        for (var t, e = $_BJDDE(626)[$_BJDEu(56)]($_BJDEu(682)), n = [], r = 0; r < 52; r++)
+            t = 2 * parseInt(e[parseInt(r % 26 / 2)]) + r % 2,
+            parseInt(r / 2) % 2 || (t += r % 2 ? -1 : 1),
+            t += r < 26 ? 26 : 0,
+            n[$_BJDDE(140)](t);
+        return n;
+    }()
+    
+特征码 代码
+
+    var c = Ut[_] % 26 * 12 + 1
+    
+图片顺序
+
+    "[39,38,48,49,41,40,46,47,35,34,50,51,33,32,28,29,27,26,36,37,31,30,44,45,43,42,12,13,23,22,14,15,21,20,8,9,25,24,6,7,3,2,0,1,11,10,4,5,19,18,16,17]"
+    
+取出小快代码
+
+    _ % 26 * 10