22、关于破解滑动的验证码

以破解猪八戒网为例*https://account.zbj.com/login**
获取图片验证码,包含缺口图,滑块图,完整图

三个canvas标签分别对应了缺口图，滑块图和完整图。

通过修改页面样式:
1. 让滑块隐藏，截取缺口图;
2. 隐藏缺口图,显示滑块图,截取滑块图;
3. 显示完整图，截取完整图。

1.隐藏滑块,截取缺口图

设置后效果

2.隐藏缺口图,显示滑块图,截取滑块图

隐藏缺口图

下滑右侧栏可以看到对滑块的设置

3.显示完整图，截取完整图。

选择第三个canvas

代码更改元素样式,获取图片

功能:获取验证图片
参数:无
返回值:
缺口图地址
滑块图地址
完整图地址

def  get_captcha():time.sleep(2)#(1)隐藏滑块  得到缺口图js_hide_slice = 'document.getElementsByClassName("geetest_canvas_slice")[0].style.display="none"'driver.execute_script(js_hide_slice)#截取缺口图part_imgpath="./part.png"driver.find_element_by_class_name("geetest_canvas_bg").screenshot(part_imgpath)# (2)显示滑块  隐藏缺口图  得到滑块图js_show_slice = 'document.getElementsByClassName("geetest_canvas_slice")[0].style.display="block"'js_hide_part= 'document.getElementsByClassName("geetest_canvas_bg")[0].style.display="none"'driver.execute_script(js_show_slice+";"+js_hide_part)# 截取滑块图slice_imgpath = "./slice.png"driver.find_element_by_class_name("geetest_canvas_slice").screenshot(slice_imgpath)# (3)显示完整图js_show_full1 = 'document.getElementsByClassName("geetest_canvas_fullbg")[0].style.display="block"'js_show_full2 = 'document.getElementsByClassName("geetest_canvas_bg")[0].style.opacity="1"'driver.execute_script(js_show_full1+";"+js_show_full2)# 截取完整图full_imgpath = "./full.png"driver.find_element_by_class_name("geetest_canvas_fullbg").screenshot(full_imgpath)#还原  目的 还原成原来的模样  包含缺口图与滑块js_hide_full1 = 'document.getElementsByClassName("geetest_canvas_fullbg")[0].style.display="none"'js_hide_full2 = 'document.getElementsByClassName("geetest_canvas_fullbg")[0].style.opacity="0"'js_show_part = 'document.getElementsByClassName("geetest_canvas_bg")[0].style.display=""'driver.execute_script(js_hide_full1 + ";" + js_hide_full2+ ";"+js_show_part)return part_imgpath,slice_imgpath,full_imgpath

计算距离

计算缺口位置,滑块位置,滑块要移动的距离

确定距离

距离=滑块左边缘与缺口左边缘之间的距离
distance=滑块左边缘X坐标-缺口左边缘X坐标

代码演示

计算距离代码滑块左边缘X坐标缺口左边缘X坐标

模拟人工移动

通过算法模拟人工移动的轨迹

直接根据获取到的距离移动,滑块与缺口能够契合,但是不能通过
牛顿运动定律模拟人工移动,偶尔有通过,概率低;
增加随机性模拟人工移动轨迹,通过概率高

直接根据距离移动

直接移动

牛顿运动定律构造轨迹

拖动时的速度要平滑变化，开始变快，后来变慢，最后可能拖过头然后回拖，则速度可能为负，抛物线只是一种方案，轨迹方案体现出开发者对自己拖动滑块时速度变化的理解。

这里可能要稍微用一点高中的物理知识，不知道大家还能不能回忆起来。下面这张图横坐标是t就是时间，纵坐标是v就是速度，那么在这张图里用来表示加速度的应该是什么啊，就应该是这条抛物线上每个点在这条线上的切线的斜率对吧，这个应该还是能理解的吧。

非匀变速匀变速

代码实现

获取运动轨迹获取运动轨迹获取运动轨迹

增加运动随机性

增加运动随机性

selenium操作

移动滑块

移动滑块代码实现

移动卡顿问题

代码在运行的过程中可能会出现卡顿的问题，解决方法是修改pointer_input.py文件中的DEFAULT_MOVE_DURATION的值，把这个值改小一点，这个值的主要作用是控制花费多少毫秒来完成移动鼠标的动作。

路径：C:\ProgramData\Anaconda3\envs\spider\Lib\site-packages\selenium\webdriver\common\actions\pointer_input.py

移动卡顿问题解决

总结

获取验证码图片，包含缺口图,滑块图,完整图
计算缺口位置，滑块位置,滑块要滑动的距离
通过算法模拟人工移动轨迹
通过selenium模拟操作