当前位置: 首页 > news >正文

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

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

01、实现方案

  • 模板匹配

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

  • 轮廓检测

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

02、知识准备

python语言

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

selenium库

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

urllib库

urllib是Python标准库之一,用于处理URL相关的操作。它包含多个子模块,例如

  • urllib.request用于发送HTTP请求并获取响应

  • urllib.parse用于解析和构建URL

  • urllib.error用于处理URL相关的错误等

  • urllib常用于网络数据抓取、访问API等任务。

cv2库

cv2是OpenCV(Open Source Computer Vision)库的Python绑定。OpenCV是一个广泛使用的计算机视觉库,提供了丰富的图像处理和计算机视觉算法。cv2库为Python开发者提供了对OpenCV功能的访问,可以进行图像加载、处理、分析以及计算机视觉任务,如人脸识别、目标检测等。

安装注意事项:

如果直接通过pip install cv2安装报错的话,请使用下面的语句安装:pip install opencv-python

random库

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

re库

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

time库

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

03、实现步骤

打开登录页切换密码登录

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

图片

代码:

图片

输账密点击登录

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

图片

代码:

图片

切换焦点并下载验证图片

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

图片

代码:

图片

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

图片

代码:

图片

拖动滑块至缺口处

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

图片

我们需要获取小图片到缺口处的实际距离,一般用到两种方法。

  • 第一种方法是模板匹配,通过openCV分析两个图片的相似度,获取两个相似度很高图片的坐标,从而计算两个图片的距离。

  • 第二种方法是轮廓检测,通过openCV进行轮廓检测,即在大图片中找到缺口位置的坐标,然后计算小图片到缺口位置的距离。

这里因为我们无法单独获取小拼图的单独图片,所以不好使用模板匹配的方法,所以我们选择使用第二种轮廓检测的方法。

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

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

图片

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

然后我们将计算距离:

图片

执行结果:

图片

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

图片

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

(2)匹配小滑块元素

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

注意:

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

图片

执行结果

图片

04、其他

浏览器获取元素

  • 打开F12

图片

  • 选择元素

图片

  • 复制元素XPath

图片

  • 检验元素XPath唯一性

Ctrl+F唤起搜索

输入复制的XPath

查看是否唯一

图片

最后感谢每一个认真阅读我文章的人,看着粉丝一路的上涨和关注,礼尚往来总是要有的,虽然不是什么很值钱的东西,如果你用得到的话可以直接拿走! 

软件测试面试文档

我们学习必然是为了找到高薪的工作,下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料,并且有字节大佬给出了权威的解答,刷完这一套面试资料相信大家都能找到满意的工作。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 龙蜥8.9系统hadoop3.3.6上spark3.5.2安装(伪分布)
  • 在RabbitMQ中四种常见的消息路由模式
  • Red Hat 和 Debian Linux 对比
  • 小程序体验版无法正常请求接口,开启 调试可以正常请求
  • 本地不能訪問linux的kafka服務
  • 大模型教程:使用 Milvus、vLLM 和 Llama 3.1 搭建 RAG 应用
  • this 指向
  • vmware中的ubuntu系统扩容分区
  • uniapp如何实现图片轮播特效?
  • 全面掌握 Jest:从零开始的测试指南(下篇)
  • 【python】OpenCV—Mask RCNN for Object Detection and Instance Segmentation
  • 移动音乐厅:灵活与高效的音乐盛宴空间—轻空间
  • 十七,Spring Boot 整合 MyBatis 的详细步骤(两种方式)
  • Flume的安装与使用 -- flume自定义拦截器 -- tailDir + Memory + HDFS案例
  • 技术美术一百问(02)
  • Android系统模拟器绘制实现概述
  • laravel 用artisan创建自己的模板
  • ng6--错误信息小结(持续更新)
  • node.js
  • Quartz实现数据同步 | 从0开始构建SpringCloud微服务(3)
  • Theano - 导数
  • 机器学习学习笔记一
  • 聊聊sentinel的DegradeSlot
  • 每天10道Java面试题,跟我走,offer有!
  • 入口文件开始,分析Vue源码实现
  • 微信小程序实战练习(仿五洲到家微信版)
  • 想晋级高级工程师只知道表面是不够的!Git内部原理介绍
  • 想使用 MongoDB ,你应该了解这8个方面!
  • 用mpvue开发微信小程序
  • 微龛半导体获数千万Pre-A轮融资,投资方为国中创投 ...
  • ​​​​​​​STM32通过SPI硬件读写W25Q64
  • ( )的作用是将计算机中的信息传送给用户,计算机应用基础 吉大15春学期《计算机应用基础》在线作业二及答案...
  • (1)无线电失控保护(二)
  • (rabbitmq的高级特性)消息可靠性
  • (Redis使用系列) Springboot 使用redis实现接口幂等性拦截 十一
  • (附源码)springboot社区居家养老互助服务管理平台 毕业设计 062027
  • (六)vue-router+UI组件库
  • (三维重建学习)已有位姿放入colmap和3D Gaussian Splatting训练
  • (十六)一篇文章学会Java的常用API
  • (四)【Jmeter】 JMeter的界面布局与组件概述
  • (图文详解)小程序AppID申请以及在Hbuilderx中运行
  • *Algs4-1.5.25随机网格的倍率测试-(未读懂题)
  • ./configure,make,make install的作用
  • .【机器学习】隐马尔可夫模型(Hidden Markov Model,HMM)
  • .net core 使用js,.net core 使用javascript,在.net core项目中怎么使用javascript
  • .net core使用RPC方式进行高效的HTTP服务访问
  • .NET Framework 3.5中序列化成JSON数据及JSON数据的反序列化,以及jQuery的调用JSON
  • .net wcf memory gates checking failed
  • .net 反编译_.net反编译的相关问题
  • .Net中间语言BeforeFieldInit
  • @Autowired 与@Resource的区别
  • @四年级家长,这条香港优才计划+华侨生联考捷径,一定要看!
  • [10] CUDA程序性能的提升 与 流
  • [18] Opencv_CUDA应用之 基于颜色的对象检测与跟踪
  • [AIGC] Redis基础命令集详细介绍