当前位置:   article > 正文

Selenium实现滑动滑块验证码验证_selenium滑块验证码实现

selenium滑块验证码实现

背景:在部分的登录中有滑动验证码的验证,由于滑动验证码的缺块是随机的就导致实现起来比较困难!

先看结果

登录豆瓣

再看代码

  1. class CrackSlider(object):
  2. """
  3. 滑动验证码工具
  4. 1、add_alpha_channel:为jpg图像添加alpha通道
  5. 2、handel_img:灰度处理,再对图像进行高斯处理,最后进行边缘检
  6. 3、match:获取到移动距离
  7. """
  8. def __add_alpha_channel(self, img):
  9. """ 为jpg图像添加alpha通道 """
  10. r_channel, g_channel, b_channel = cv2.split(img) # 剥离jpg图像通道
  11. alpha_channel = np.ones(b_channel.shape, dtype=b_channel.dtype) * 255 # 创建Alpha通道
  12. img_new = cv2.merge((r_channel, g_channel, b_channel, alpha_channel)) # 融合通道
  13. return img_new
  14. def __handel_img(self, img):
  15. """灰度处理,再对图像进行高斯处理,最后进行边缘检"""
  16. imgGray = cv2.cvtColor(img, cv2.COLOR_RGBA2GRAY) # 转灰度图
  17. imgBlur = cv2.GaussianBlur(imgGray, (5, 5), 1) # 高斯模糊
  18. imgCanny = cv2.Canny(imgBlur, 60, 60) # Canny算子边缘检测
  19. return imgCanny
  20. def match(self, element, img1_path, img2_path, num1, num2):
  21. """
  22. 模板匹配,通过openCV分析两个图片的相似度,获取两个相似度很高图片的坐标,从而计算两个图片的距离。
  23. 传入 全图位置、缺口位置、浏览器图片宽度、本地图片宽度 获取到移动距离
  24. element:元素对象
  25. img_jpg_path:全图
  26. img_png_path:缺口
  27. num1:浏览器图片宽度
  28. num2:本地图片宽度
  29. """
  30. # 读取图像
  31. img1_path = cv2.imread(img1_path, cv2.IMREAD_UNCHANGED)
  32. img2_path = cv2.imread(img2_path, cv2.IMREAD_UNCHANGED)
  33. # 判断jpg图像是否已经为4通道
  34. if img1_path.shape[2] == 3:
  35. img1_path = self.__add_alpha_channel(img1_path)
  36. img = self.__handel_img(img1_path)
  37. small_img = self.__handel_img(img2_path)
  38. res_TM_CCOEFF_NORMED = cv2.matchTemplate(img, small_img, 3)
  39. value = cv2.minMaxLoc(res_TM_CCOEFF_NORMED)
  40. value = value[3][0] # 获取到移动距离
  41. value = value * num1 / num2 - element.location['x']
  42. return value
  43. def get_pos(self, element, img1, num, num1, num2):
  44. """
  45. 轮廓检测,通过openCV进行轮廓检测,即在大图片中找到缺口位置的坐标,然后计算小图片到缺口位置的距离。
  46. 传入 图片、缺口像素、浏览器图片宽度、本地图片宽度 获取移动像素
  47. :param element: 元素位置
  48. :param imageSrc: 图片地址
  49. :param num: 图片缺口长宽像素,基本上长宽必须一致
  50. :param num1: 浏览器图片宽度
  51. :param num2: 本地图片宽度
  52. :return: 缺口x坐标
  53. """
  54. # 读取图像文件并返回一个image数组表示的图像对象
  55. image = cv2.imread(img1)
  56. # GaussianBlur方法进行图像模糊化/降噪操作。
  57. # 它基于高斯函数(也称为正态分布)创建一个卷积核(或称为滤波器),该卷积核应用于图像上的每个像素点。
  58. blurred = cv2.GaussianBlur(image, (5, 5), 0, 0)
  59. # Canny方法进行图像边缘检测
  60. # image: 输入的单通道灰度图像。
  61. # threshold1: 第一个阈值,用于边缘链接。一般设置为较小的值。
  62. # threshold2: 第二个阈值,用于边缘链接和强边缘的筛选。一般设置为较大的值
  63. canny = cv2.Canny(blurred, 0, 100) # 轮廓
  64. # findContours方法用于检测图像中的轮廓,并返回一个包含所有检测到轮廓的列表。
  65. # contours(可选): 输出的轮廓列表。每个轮廓都表示为一个点集。
  66. # hierarchy(可选): 输出的轮廓层次结构信息。它描述了轮廓之间的关系,例如父子关系等。
  67. contours, hierarchy = cv2.findContours(canny, cv2.RETR_TREE, cv2.CHAIN_APPROX_SIMPLE)
  68. # 遍历检测到的所有轮廓的列表
  69. for contour in contours:
  70. # contourArea方法用于计算轮廓的面积
  71. area = cv2.contourArea(contour)
  72. # arcLength方法用于计算轮廓的周长或弧长
  73. length = cv2.arcLength(contour, True)
  74. # 如果检测区域面积在原来基础上下百分之四之间,周长在原来基础上下百分之四之间,则是目标区域
  75. if num*num-num*num/4 < area < num*num+num*num/4 and num*4-num*4/4 < length < num*4+num*4/4:
  76. # 计算轮廓的边界矩形,得到坐标和宽高
  77. # x, y: 边界矩形左上角点的坐标。
  78. # w, h: 边界矩形的宽度和高度。
  79. x, y, w, h = cv2.boundingRect(contour)
  80. print("计算出目标区域的坐标及宽高:", x, y, w, h)
  81. # 在目标区域上画一个红框看看效果
  82. cv2.rectangle(image, (x, y), (x + w, y + h), (0, 0, 255), 2)
  83. cv2.imwrite("img/test.jpg", image)
  84. return x * num1 / num2 - element.location['x']
  85. return 0
  86. def add_img1(self, img1):
  87. """
  88. 将http图片保存到本地
  89. img1:全图url
  90. """
  91. urllib.request.urlretrieve(img1, 'img/img1.jpg')
  92. def add_img2(self, img1, img2):
  93. """
  94. 将http图片保存到本地
  95. img1:全图url
  96. img2:缺口url
  97. """
  98. urllib.request.urlretrieve(img1, 'img/img1.jpg')
  99. urllib.request.urlretrieve(img2, 'img/img2.jpg')
  100. def slowly(self, driver, element, Dis):
  101. """
  102. 慢慢滑动滑块模拟人的操作,一次次移动一点点
  103. 传入 浏览器对象、元素位置、移动距离 实现移动滑块
  104. :param driver: 浏览器对象
  105. :param element: 元素位置
  106. :param Dis: 移动距离
  107. :return:
  108. """
  109. ActionChains(driver).click_and_hold(element).perform()
  110. # 移动小滑块,模拟人的操作,一次次移动一点点
  111. i = 0
  112. moved = 0
  113. while moved < Dis:
  114. x = random.randint(3, 10) # 每次移动310像素
  115. moved += x
  116. ActionChains(driver).move_by_offset(xoffset=x, yoffset=0).perform()
  117. print("第{}次移动后,位置为{}".format(i, element.location['x']))
  118. i += 1
  119. # 移动完之后,松开鼠标
  120. ActionChains(driver).release().perform()

1、实现方案

1、模板匹配,通过openCV分析两个图片的相似度,获取两个相似度很高图片的坐标,从而计算两个图片的距离。

2、轮廓检测,通过openCV进行轮廓检测,即在大图片中找到缺口位置的坐标,然后计算小图片到缺口位置的距离。

2、知识准备

2.1、python语言

这里不再赘述,本篇主要还是使用python技术来实现。

2.2、selenium库

selenium是一个用于测试Web应用程序的Python库。它可以模拟用户在浏览器中的操作,例如点击、填写表单等。Selenium可以与各种浏览器交互,并提供了丰富的API来控制浏览器行为和获取网页内容。

2.3、urllib库

urllib是Python标准库之一,用于处理URL相关的操作。它包含多个子模块,例如urllib.request用于发送HTTP请求并获取响应,urllib.parse用于解析和构建URL,urllib.error用于处理URL相关的错误等。urllib常用于网络数据抓取、访问API等任务。

2.4、cv2库

cv2是OpenCV(Open Source Computer Vision)库的Python绑定。OpenCV是一个广泛使用的计算机视觉库,提供了丰富的图像处理和计算机视觉算法。cv2库为Python开发者提供了对OpenCV功能的访问,可以进行图像加载、处理、分析以及计算机视觉任务,如人脸识别、目标检测等。
安装注意事项:
如果直接通过pip install cv2安装报错的话,请使用下面的语句安装:
pip install opencv-python

2.5、random库

random是Python的随机数生成库。它提供了多种随机数生成函数,包括生成伪随机数的函数和从序列中随机选择元素的函数。random库可用于模拟、游戏开发、密码学等领域,以及各种需要随机性的应用程序。

2.6、re库

re是Python的正则表达式模块,用于对字符串进行模式匹配和处理。正则表达式是一种强大的文本匹配工具,可以用来搜索、替换、提取特定模式的字符串。re库提供了函数和方法来编译正则表达式、执行匹配操作,并返回匹配结果,使得处理文本数据更加灵活和高效

2.7、time库

的time库是处理时间的标准库,提供了获取系统时间、格式化输出、系统级精确计时等功能。

3、实现步骤

3.1、打开登录页切换密码登录

第一步,打开登录页面,并点击页面上的“密码登录”:

代码:

  1. driver = webdriver.Edge() # 实例化驱动对象
  2. driver.maximize_window() # 窗口最大化
  3. driver.get("https://accounts.douban.com/passport/login") # 打开豆瓣登录页面
  4. driver.implicitly_wait(5) # 隐式等待5秒
  5. element = driver.find_element(By.XPATH, "//li[text()='密码登录']") # 定位【密码登录】元素
  6. element.click() # 点击确认

3.2、输账密点击登录

第二步,输入账号密码,并点击“登录豆瓣”按钮:

代码:

  1. element = driver.find_element(By.XPATH, "//input[@id='username']") # 定位元素
  2. element.send_keys("18230630095") # 输入内容
  3. element = driver.find_element(By.XPATH, "//input[@id='password']") # 定位元素
  4. element.send_keys("123456") # 输入内容
  5. element = driver.find_element(By.XPATH, "//a[text()='登录豆瓣']") # 定位元素
  6. element.click() # 点击按钮

3.3、切换焦点并下载验证图片

将焦点切换至滑块验证区域,并下载加载好的滑块验证背景图片。
点击登录按钮后,就会出现滑块验证区域,这是一个新增的frame区域,此时我们需要将切换的焦点从主页面转换到这个frame区域上:

代码:

  1. driver.implicitly_wait(5) # 隐式等待5
  2. driver.switch_to.frame("tcaptcha_iframe_dy") # 切换到frame区域

然后我们需要获取整个需要对其的大图片,获取其路径并下载到本地,准备进行读取验证:

下载图片效果:

代码:

  1. element = driver.find_element(By.XPATH, "//div[@id='slideBg']") # 定位元素
  2. s = element.get_attribute("style") # 获取元素值
  3. p = 'background-image: url\\(\\"(.*?)\\"\\);' # 正则表达式 \\:表示转义
  4. img1 = re.findall(p, s, re.S)[0] # re.S表示点号匹配任意字符,包括换行符
  5. print("滑块验证图片下载路径:", img1) # 打印结果
  6. cs.add_img1(img1) # 下载图片

3.4、拖动滑块至缺口处

我们接下来要做的,是将小拼图图片,移动到缺口处:

我们需要获取小图片到缺口处的实际距离,一般用到两种方法。
第一种方法是模板匹配,通过openCV分析两个图片的相似度,获取两个相似度很高图片的坐标,从而计算两个图片的距离。
第二种方法是轮廓检测,通过openCV进行轮廓检测,即在大图片中找到缺口位置的坐标,然后计算小图片到缺口位置的距离。
这里因为我们无法单独获取小拼图的单独图片,所以不好使用模板匹配的方法,所以我们选择使用第二种轮廓检测的方法。

(1)得到缺口轮廓位置信息

首先我们计算一下缺口的坐标及面积大概有多大,使用PhotoShop打开下载的图片,单独将缺口按照正方形的尺寸抠出来,发现其长宽各是80像素:

所以这个封闭矩形的面积范围大概是在80*80=6400像素左右。周长是80*4=320像素。但是现实中这里是有缺口的,不是一个完整的图片,所以我们需要给它一定的误差范围,这里我们暂定目标区域面积为上下百分之四,周长为上下百分之四。

然后我们将计算距离:

  1. # 实例化一个类对象
  2. cs = CrackSlider()
  3. # 准备方法需要的入参
  4. # 1、找到滑动按钮位置
  5. element = driver.find_element(By.XPATH, "//div[@class='tc-fg-item tc-slider-normal']")
  6. # 2、图片位置(相对当前项目)
  7. img = 'img/img1.jpg'
  8. # 3、缺口像素长宽(长宽必须一致)
  9. gap_wide = 80
  10. # 4、web图片宽度
  11. web_wide = 340
  12. # 5、原图片宽度
  13. raw_wide = 672
  14. # 调用方法获取返回的移动距离
  15. dis = cs.get_pos(element, img, gap_wide, web_wide, raw_wide)
  16. # 打印一下移动距离
  17. print("dis=", dis)

执行结果:

生成的目标区域画红框的计算图片:

好了,到此为止我们获取到了一个重要的数据,就是缺口的位置信息。

(2)匹配小滑块元素

得到小滑块元素,让其移动位置到上面计算的距离。

注意:由于大部分网站有检测真人操作的逻辑,所以我们这里要模拟真人进行移动操作,不能一下移动到目标点,需要一点一点的移动。

  1. # 调用方法移动滑块致缺口位置
  2. # driver 浏览器驱动对象
  3. # element 元素位置对象
  4. # dis 移动距离
  5. cs.slowly(driver, element, dis)
  6. # 整体等待5秒看结果
  7. time.sleep(5)
  8. # 关闭浏览器
  9. driver.quit()

执行结果

4、其他

4.1、浏览器获取元素

(1)打开F12

(2)选择元素

(3)复制元素XPath

(4)检验元素XPath唯一性

Ctrl+F唤起搜索

输入复制的XPath

查看是否唯一

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/914341
推荐阅读
相关标签
  

闽ICP备14008679号