滑动拼图验证码是滑动验证码的进阶版,主要是多了缺口位置,需要我们准确定位缺口位置,并将滑动按钮移动到相应的位置,滑动拼图验证分为两种,一种是能用元素选择工具定位缺口位置的,一种是无法用元素选择工具定位的缺口位置的,能够用元素选择工具选中缺口的滑动拼图验证,其原理与之前的滑动验证差别不大,思路为:定位滑动按钮大小,定位缺口位置,相减后利用selenium移动,完成验证。
本次,我们主要完成的是无法用元素选择工具定位的滑动拼图验证。
面对无法用元素选择工具定位的滑动拼图,我们使用的是PIL库的ImageChops对图像进行对比,以此确定定位缺口位置,首先,我们获取原始图片和缺口图片以便对它们进行对比,代码如下:
browser.find_element(by=By.XPATH,value='//*[@id="jigsawCanvas"]').screenshot('origin.png') # 获取原始图片
slider = browser.find_element(by=By.XPATH,value='//*[@id="jigsawCircle"]') # 获取滑动按钮
slider.click() # 先模拟点击下,方便下面获取到有缺口的图片
browser.find_element(by=By.XPATH,value='//*[@id="jigsawCanvas"]').screenshot('after.png') # 获取有缺口的图片
之后我们通过PIL库的ImageChops的difference方法识别两张图片的区别并通过getbbox()函数返回坐标位置,以此确定缺口元素坐标,代码如下:
image_a = Image.open('origin.png').convert('RGB') # 打开原始图片
image_b = Image.open('after.png').convert('RGB') # 打开有缺口的图片
x = ImageChops.difference(image_a, image_b).getbbox() # 比较两个图片的差别
print(x) # 举个例子:倘若x为:(226, 103, 277, 154);返回缺口对应的左边横坐标(由左往右看),上边纵坐标(由上往下看),右边横坐标,下边纵坐标
distance = x[0] # 第一个元素x[0]表示的就是缺口左边横坐标,也就是滑块需要移动的距离
print(distance) # 如果例子为:(226, 103, 277, 154),那么需要移动的距离为226
获取到坐标后我们只需让他与滑动按钮相减确定滑动距离后利用selenium操纵鼠标滑动按钮即可完成验证,完整代码如下:
from selenium import webdriver
import os
import time
from PIL import Image, ImageChops
from selenium.webdriver.common.by import By
# 1.访问网址
browser = webdriver.Chrome()
# url = r'E:\验证码反爬\高级滑动拼图验证码\index.html' # 自己用的话可以直接写这样的固定路径
current_dir = os.path.dirname(os.path.abspath(__file__)) # 获取代码所在的文件夹目录
url = current_dir + '/index.html' # 获取HTML文件的文件绝对路径
print('此时的文件路径为:' + url) # 打印此时的文件路径,所以如果文件位置固定,可以直接写url = r'文件路径'
browser.get(url) # 访问网址
time.sleep(2)
# 2.获取原始图片
browser.find_element(by=By.XPATH,value='//*[@id="jigsawCanvas"]').screenshot('origin.png') # 获取原始图片
# 3.获取有缺口的图片
slider = browser.find_element(by=By.XPATH,value='//*[@id="jigsawCircle"]') # 获取滑动按钮
slider.click() # 先模拟点击下,方便下面获取到有缺口的图片
browser.find_element(by=By.XPATH,value='//*[@id="jigsawCanvas"]').screenshot('after.png') # 获取有缺口的图片
# 4.比较两幅图片的区别,获取需要移动的距离
image_a = Image.open('origin.png').convert('RGB') # 打开原始图片
image_b = Image.open('after.png').convert('RGB') # 打开有缺口的图片
x = ImageChops.difference(image_a, image_b).getbbox() # 比较两个图片的差别
print(x) # 举个例子:倘若x为:(226, 103, 277, 154);返回缺口对应的左边横坐标(由左往右看),上边纵坐标(由上往下看),右边横坐标,下边纵坐标
distance = x[0] # 第一个元素x[0]表示的就是缺口左边横坐标,也就是滑块需要移动的距离
print(distance) # 如果例子为:(226, 103, 277, 154),那么需要移动的距离为226
# 5.开始滑动!
action = webdriver.ActionChains(browser) # 启动Selenium的动作链
action.click_and_hold(slider).perform() # 按住滑动按钮不松开
action.move_by_offset(distance-10, 0) # 开始滑动!这里-10,是把初始圆角矩形左侧left属性值给减去了,这样更准确
action.release().perform() # 释放滑块