爬虫学习笔记（十九）—— 滑动验证码

一、概念

滑动验证码也叫行为验证码，比较流行的一种验证码，通过用户的操作行为来完成验证，其中最出名的就是极验。滑动验证码的原理就是使用机器学习中的深度学习技术，根据一些特征来区分是否为正常用户。通过记录用户的滑动速度，还有每一小段时间的瞬时速度，用户鼠标点击情况，以及滑动后的匹配程度来识别。而且，不是说滑动到正确位置就是验证通过，而是根据特征识别来区分是否为真用户，滑到正确位置只是一个必要条件。

二、实现步骤

通过代码来模拟验证码滑动主要有4个步骤：

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

（练习网址：https://captcha1.scrape.center/）

2.1、获取验证码图片

首先通过“网页调试工具“观察 缺口图，滑块图，完整图 在源码中的位置

三个canvas标签分别对应了缺口图，滑块图和完整图。接下来，我们要通过修改页面样式来获取这三个图:

1. 让滑块隐藏，截取缺口图;
2. 隐藏缺口图，显示滑块图,截取滑块图;
3. 显示完整图，截取完整图。

注意： 获取完图片记得还原，避免在接下来的操作中出错

2.1.1、获取缺口图

通过修改display属性，隐藏滑块，获取缺口图

代码：

js_hide_slice = 'document.getElementsByClassName("geetest_canvas_slice")[0].style.display="none"'
driver.execute_script(js_hide_slice)
#截取缺口图
gap_imgpath = './gap.png'
driver.find_element_by_class_name('geetest_canvas_bg').screenshot(gap_imgpath)

2.1.2、获取滑块图

通过修改display属性，隐藏缺口图，显示滑块图，截取滑块图

代码：

js_hide_gap = 'document.getElementsByClassName("geetest_canvas_bg")[0].style.display="none"'
js_show_slice = 'document.getElementsByClassName("geetest_canvas_slice")[0].style.display="block"'
driver.execute_script(js_hide_gap+';'+js_show_slice)
#截取滑块图
slice_imgpath='./slice.png'
driver.find_element_by_class_name('geetest_canvas_slice').screenshot(slice_imgpath)

2.1.3、获取完整图

通过修改display属性，获取完整图

代码：

js_show_full = 'document.getElementsByClassName("geetest_canvas_fullbg")[0].style.display="block"'
driver.execute_script(js_show_full)
full_imgpath = './full.png'
driver.find_element_by_class_name('geetest_canvas_fullbg').screenshot(full_imgpath)

2.1.4、完整代码

def get_captcha_img():
    "获取验证码图片"
    #1、隐藏滑块 获取缺口图
    time.sleep(3)
    js_hide_slice = 'document.getElementsByClassName("geetest_canvas_slice")[0].style.display="none"'
    driver.execute_script(js_hide_slice)
        #获取缺口图
    gap_imgpath = './gap.png'
    driver.find_element_by_class_name('geetest_canvas_bg').screenshot