滑块验证码滑块移动像素偏移

已于 2024-02-19 09:15:19 修改
阅读量899 收藏 11
点赞数 10
分类专栏： # 验证码 文章标签： python ocr
于 2024-02-18 16:01:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43789456/article/details/136152459
版权

问题背景

以 中国邮政速递物流网 中的滑块验证码为例：
滑块验证码
如上图滑块可拖动范围和拼图可移动范围并不相等，且该滑块验证码不能直接拖动拼图本身，如果直接将验证码的识别结果作为滑块的拖动距离会导致成功率极低，此时两者之间可能会有一个官方的偏移系数，需要找到系数并算出实际的滑块拖动距离。（若实在无从查找，只能自行预估并反复测试）

偏移系数查找思路

看到滑块元素不是一个普通的图片元素，而是由 canvas 绘制的，找到控制绘制的 js 代码

可以看到滑块上绑定有一个鼠标移动的事件，点进去

我们看到下面这段 js

打个断点大致分析一下代码，可以看出变量i是下方滑块被拖动的 X 轴像素，而被乘上的(t.w - 40 - 20) / (t.w - 40)应该就是偏移系数了，然后再分析一下这个系数，其中的t.w就是canvas画布的宽度350，至此就知道偏移系数的计算公式了

根据公式简单优化一下拖动的距离x，x = x / ((画布宽度 - 40 - 20) / (画布宽度 - 40)) ，大功告成

python关于滑块验证码移动速度不一致问题，如何解决？
**My Coding Family**
11-17 1161
🏆本文收录于专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由🚀；同时，欢迎大家！持续更新中，up！up！up！！
滑块验证码拖动问题，如何解决？
**My Coding Family**
11-14 1200
🏆本文收录于专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由🚀；同时，欢迎大家！持续更新中，up！up！up！！
Selenium实现滑动滑块验证码验证
人生不怕起点低，就怕没追求
09-06 1100
背景：在部分的登录中有滑动验证码的验证，由于滑动验证码的缺块是随机的就导致实现起来比较困难！
前端登录拼图验证，JS实现滑动拼图验证
qq_47230378的博客
01-10 2379
前端实现登录拼图验证,前端登录验证。 不知各位朋友现在在web端进行登录的时候有没有注意一个变化，以前登录的时候是直接账号密码通过就可以直接登录，再后来图形验证码，数字结果运算验证，到现在的拼图验证。这一系列的转变都是为了防止机器操作，但对于我们来说，有亿点麻烦，但也没办法呀。今天我们也一起来做一个制造亿点麻烦的人，实现一个拼图验证。本篇前端实现登录拼图验证就到此结束了，这个功能一般都是在登录的时候用的。
滑块移动
keytoy313的博客
11-12 318
$("#moveme").click(function(){ $("#moveme").css("opacity",0).animate({left:"10px",top:"10px"},1000,function(){ $("#moveme").css("opacity","1"); }); });
web拼图滑块验证
cindy_jymm的博客
06-09 1142
整体思路： 思路一：找到拼图的原图和有缺口的图片进行对比（无原图不能用此方法） 思路二：找到带缺口的图片和滑块 进行边界匹配（pip install opencv-python）（本次用的思路二解决问题） from selenium import webdriver import os import re from bs4 import BeautifulSoup from selenium.webdriver.common.by import By from selenium.webdriver.
拼图式拖动滑块的验证——使用selenium+python实现
热门推荐
渡阡
09-30 1万+
写京东登录的自动化测试用例的时候遇到了这样一个问题 当你不能成功登录多次、就连正确账户密码登录（偶发）的时候，都会出现验证环节（PS.当然也有死活不出现的时候，比如写文的今天9月30），妥妥阻挡了自动化测试的脚步。 于是我们可以怎么使用selenium+python来完成模拟拖动→自动化验证呢？ 一开始的想法是：计算空缺的位置出现规律，每次遇见的时候做判断，然后将空缺的位置提取出来，让拼图块...
滑块识别验证
我的博客
02-10 5886
测试网站：https://www.geetest.com/adaptive-captcha-demo。
php+js实现的拖动滑块验证码验证表单操作示例【附源码下载】
10-15
在本文中，我们将探讨如何使用PHP和JavaScript实现一个拖动滑块验证码验证表单操作的示例。这种验证码机制在很多现代网站上被广泛采用，因为它提供了更好的用户体验，减少了用户输入错误的可能性，同时还能有效防止...
实干派！网易易盾增强版滑块验证码，全方位讲解识别思路（含源码）
码王吴彦祖的博客
11-01 880
该验证码是异形滑块验证码中的一种，缺口旋转+偏移的处理需要你有很好的图像处理知识，能很好的处理透明通道，同时，该验证码需要你能很好的处理缺口和背景之间匹配的关系，该验证码的处理难点就是两个缺口之间如何找到正确的，两个检测框都有很强的相似度，且加上背景图的干扰，在图像处理和有优化上难度大大增加。
Python 滑块验证码
Wrpzkb
10-15 1121
看了滑块验证码（滑动验证码）相比图形验证码，破解难度如何？中《Python3网络爬虫开发实战》作者 崔庆才丨静觅 的一个回答，里面有详细介绍如何对抗滑块验证码，因此学习一下，对此进行记录。 正文 [1]流程 利用 Python selenium 自动化测试工具 直接拟人行为来完成滑块验证码验证 分析页面，找出滑块验证码的完整图片，缺口图片。 对比原始的图片和带缺口的图片的像素，像素不同的地方就是缺口位置 计算出滑块缺口的位置，得到所需要滑动的偏移量 使用物理加速度位移公式计算出移动轨迹 最后利用 Se.
实现拼图滑动验证码
WindRunnerMax
08-30 1296
实现拼图滑动验证码 拼图滑动验证码的纯前端简单实现，重要部分都已标注注释，如果需要配合后端可以参考此思路，后端处理图片生成一个带缺口的背景图与一个符合缺口的拼图，并将取得拼图块的位置记录到SESSION，将图片与拼图传给前端展示，当用户拖动并松开鼠标后将鼠标轨迹与停留位置发送到后端，后端从SESSION中取得位置信息并与前端传递的位置进行对比，有需要的话可以分析此用户轨迹用以区分人机，如果位置偏差小于一定阈值则认为拼图成功。 实例 <!DOCTYPE html> <html> &lt
滑块验证码 拼图凹槽和滑块的实现
今天又懒得加班
03-05 349
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &...
极验验证——滑块拼图验证码
jgftyfc的博客
11-18 2154
极验验证——滑块拼图验证码
Java实现滑块拼图验证码校验
Charge8的博客
06-03 6149
Java实现滑块拼图验证码校验
纯前端滑块拼图验证组件（多端兼容）
qq_38734862的博客
12-04 1049
因为没有使用dom节点，所以在uniapp上也是可以使用的，图片src对应修改下就能用了 **注意：**这个验证组件是纯前端组件，安全性较低，可以供学习使用，不建议项目中使用！！ 效果图 源代码 <template> <view class="independent" v-if="show"> <view v-if="refreshStatus" class="shuaxin iu-icon-refresh" :style="{ transfor
【CSS】利用touch-action解决验证码滑块滑动时，背景跟随一起滑动的问题，以及详解touch-action属性
owo_ovo的博客
09-15 689
利用touch-action解决验证码滑块滑动时，背景跟随一起滑动的问题，以及详解touch-action属性
前端滑动验证+拼图滑动验证效果
u012746918的博客
02-18 2458
相信大家都玩过B站，B站在登陆的时候有个拼图滑动验证，今天就整合一下前端实现的滑动验证 拖动滑动验证（无背景图片） <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>拖动...
canvas移动端长宽自适应
小白
10-12 4870
canvas自适应移动端长宽，依赖于其父节点的大小的设置, 将其父节点的样式和canvas样式设置如下便可：<div style="height: 100%;width: 100%;margin: 0;padding: 0;"> <canvas id="myCanvas" style=" height: 100%;width: 100%;margin: 0;padding: 0;display:
滑块验证码python
最新发布
03-20
滑块验证码是一种常见的反爬虫机制，用于验证用户是否为真实人类而非自动化程序。Python可以借助一些库和工具模拟人工操作完成此类任务。 ### Python实现滑块验证码的基本步骤： #### 1. **图像处理** - 首先需要获取完整的背景图（无缺口的图片）以及带缺口的目标图片。 - 使用 `Pillow` 或者 `opencv-python` 等图像处理库定位目标物体的位置及偏移量。 ```python from PIL import Image # 打开两张图片并转换为灰度模式便于计算差异点 img_bg = Image.open('background.png').convert('L') img_tgt = Image.open('target.png').convert('L') # 计算像素差值找到拼图位置... ``` #### 2. **轨迹生成** - 根据计算得到的距离构造拖动轨迹曲线，防止过于简单的直线运动容易被检测到非人为动作。 - 可引入随机函数调整速度、加速度等参数制造更自然的效果。 ```python import random def get_track(distance): track = [] current_pos = 0 mid = distance * 4 /5 while current_pos < distance: if current_pos <=mid : # 前半段加速 a=2+random.random() else: # 后半段减速 a=-3-random.random() v +=a # 当前速度加上当前加速度 move=v +a/2 # 移动距离公式 x'=vt+(at^2)/2 这里t取固定单位时间比如0.1秒简化成直接相加 current_pos+=move # 更新当前位置 track.append(round(move)) return track ``` #### 3. **模拟鼠标事件** - 利用 Selenium WebDriver 控制浏览器界面执行具体的点击拖拽操作。 ```python from selenium.webdriver.common.action_chains import ActionChains driver.get(url) element_slider = driver.find_element_by_class_name("slide-to-unlock-handle") ActionChains(driver).click_and_hold(element_slider).perform() for step in tracks: # 调用上面自定义get_track方法产生的移动列表逐帧播放动画效果 ActionChains(driver).move_by_offset(xoffset=step,yoffset=0).perform() time.sleep(0.5) # 最后再稍作停顿释放按钮触发校验流程 ActionChains(driver).release().perform() ``` 以上只是一个大概框架示意代码片段，请根据实际项目需求安装相应依赖包，并针对特定网站修改元素选择器等内容适配具体场景应用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值