求助大佬，如何自动化处理这种滑块验证码？返回其图片对应的滑块坐标？

最新推荐文章于 2025-12-15 07:52:46 发布

原创最新推荐文章于 2025-12-15 07:52:46 发布 · 170 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#自动化 #运维 #selenium

在淘宝平台自动化处理的过程中，出现了这种滑块验证码，已经尝试了好几种AI模型去分析，以及超级鹰第三方验证码分析平台，基本上正确率不到10%，求助大佬提供解决思路。

它的要求是在滑块拨开上面的挡板，在挡板出现完整目标图像时松开滑块。

在接口中提取出了图片(内容图，和目标提示)，两张拼接在一起去分析，但分析结果大多成功率很低

验证码例如下：

例1

正确位置(红线)

例2

正确位置(红线)

例3

正确位置(红线)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

鞠婧祎的祎

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Selenium自动化测试实现滑动滑块验证码自动识别！

HSS919的博客

11-06

1024

背景：在部分的登录中有滑动验证码的验证，由于滑动验证码的缺块是随机的就导致实现起来比较困难！01\实现方案模板匹配通过openCV分析两个图片的相似度，获取两个相似度很高图片的坐标，从而计算两个图片的距离。轮廓检测通过openCV进行轮廓检测，即在大图片中找到缺口位置的坐标，然后计算小图片到缺口位置的距离。02\知识准备python语言这里不再赘述，本篇主要还是使用python技术来实现。selenium库selenium是一个用于测试Web应用程序的Python库。它可以模拟用户在浏览器中的操作，例如点击

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

qq_43371695的博客

10-09

1611

背景：在部分的登录中有滑动验证码的验证，由于滑动验证码的缺块是随机的就导致实现起来比较困难！01、实现方案模板匹配通过openCV分析两个图片的相似度，获取两个相似度很高图片的坐标，从而计算两个图片的距离。轮廓检测通过openCV进行轮廓检测，即在大图片中找到缺口位置的坐标，然后计算小图片到缺口位置的距离。02、知识准备python语言这里不再赘述，本篇主要还是使用python技术来实现。selenium库selenium是一个用于测试Web应用程序的Python库。它可以模拟用户在浏览器中的操作，例如点击

参与评论您还未登录，请先登录后发表或查看评论

java 滑动验证码

Carlson_Chis的博客

08-27

2353

前言在实际的登陆场景或者注册场景中我们总是可以见到各式各样的验证码，有四位的数字字母验证码，滑块验证码，算数验证码，短信验证码，还有类似于12306的逆天验证码。验证码的生成与校验可在前端也可以在后端，但是为了安全考虑，一般将验证码的的生成与校验放置在后台，防止被暴力破解。这里先介绍一波图片的滑块验证：准备工作：六张像素为290*147的图片思路：后台获取源图片（准备的六张图片），获取...

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

人生不怕起点低，就怕没追求

09-06

1251

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

关于web自动化过程中滑块解锁问题以及页面滚动的问题的研究

m0_58026506的博客

06-13

418

滑块解锁：该问题主要源于各个平台的登录验证或者针对爬虫或selenium的一种防范手段。由于各个网站的防爬技术的提高，常规selenium似乎无法通过滑块验证，以下提供普遍的滑块验证思路，以供参考：

java爬虫破解滑块验证码_计算缺口滑块图和完整滑块图者差距

2401_86372526的博客

09-07

1754

🍅 硬核资料：关注即可领取PPT模板、简历模板、行业经典书籍PDF。🍅 技术互助：技术群大佬指点迷津，你的问题可能不是问题，求资源在群里喊一声。🍅 面试题库：由技术群里的小伙伴们共同投稿，热乎的大厂面试真题，持续更新中。🍅 知识体系：含编程语言、算法、大数据生态圈组件（Mysql、Hive、Spark、Flink）、数据仓库、Python、前端等等。加入社区：https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0。

利用selenium和cv2处理豆瓣滑块验证码

id_hao的博客

08-06

1882

本章讲解使用selenium和cv2处理豆瓣的滑块验证码，处理滑块验证码的主要思路是：首先截取有缺口的滑块验证码图片；然后利用cv2模块提取图片缺口轮廓的x轴坐标（模拟滑块不需要y坐标），再通过selenium获取滑动条元素，使用ActionChains(driver)中的drag_and_drop_by_offset(source, xoffse, yoffset)函数，拖拽滑动条至目标x，实现登录。...

网易滑块验证码加密参数分析及滑块轨迹算法data是怎么生成的

python深度学习笔记,一起学习的加QQ2737499951

03-27

9369

网易滑块验证码加密参数分析如图所示，再登录之前，需要先破解它的滑块，拿到它的关键参数 1. 抓包首先打开抓包工具或者f12控制台，然后手动滑动，观察请求包的信息。我们发现这是个get请求，下面具体看下它的请求参数其中响应里的validate就是我们后面处理登录，需要用到的参数。只有滑动成功，才会返回值。我们看下请求参数中，其中大多数参数可以固定不变。只有4个参数需要我们破解。...

Web自动化测试之滑动验证码的解决方案

2301_79535544的博客

02-06

1193

在Web自动化测试的过程中，经常会被登录的验证码给卡住，不知道如何去通过验证码的验证。一般的情况下遇到验证码我们可以都可以找开发去帮忙解决，关闭验证码，或者给一个万能的验证码！那么如果开发不提供帮助的话，我们自己有没有办法来处理这些验证码的问题呢？答案当然是有的，常见的验证码一般分为两类，一类是图文验证码，一类是！关于破解的思路大体上来讲就是以下两个步骤：1、获取滑块滑动的距离2、模拟拖动滑块，通过验证。关于这种滑动的验证码，滑块和缺口背景都是分别是一张独立的图片，我们可以把这两张图片，

测试金字塔的演进：如何构建健康的自动化测试套件

2501_94449023的博客

12-11

806

摘要：测试金字塔模型从经典三层结构（单元-集成-UI测试）向现代架构演进，以应对微服务和DevOps挑战。健康测试套件需遵循分层优化（70%单元测试）、可持续设计（独立/确定性测试）和技术栈适配原则。实施路径包括现状评估、增量改进和度量体系建设，最终构建快速可靠的质量反馈系统。现代测试策略强调从"质量门禁"转向"质量使能"，平衡自动化与业务价值。

幽冥大陆(四十六)人工智能自动化交互系统ASR2——东方仙盟筑基期

cybersnow精通 28 门计算机语言，凭借其超凡的技术能力，成功开发过上万个应用，广泛涉及政府、商业、个人等众多领域，甚至在检察院、环保局、公安局等专业场景中也大放异彩。不仅熟练掌握单片机和物联网开发，在软件架构设计方面更是独树一帜，自创了跨平台软件

12-10

882

在当今数字化时代，自动语音识别（ASR）技术正以前所未有的速度改变着我们与设备交互的方式。在 C# 和浏览器环境中开发 ASR 应用，为开发者开启了一扇通往创新交互体验的大门。对于初学者而言，这既是充满挑战的征程，也是收获满满的学习之旅。

半导体设备工厂自动化软件技术方案

最新发布

ponygame的博客

12-15

982

本文提出了一套半导体设备工厂自动化软件技术方案。采用分层架构设计，包括物理层、驱动层、业务层、服务层和表现层，基于.NET6和OPCUA等技术实现。方案详细阐述了通信驱动设计、UI界面关键技术以及性能优化策略，包括实时数据通道、动态数据可视化和内存优化等。该架构满足SEMI标准要求，实现了低延迟（数据延迟<100ms）和高响应性（指令响应<50ms），通过MVVM模式确保系统的灵活性和可扩展性。

AI 如何从配置历史与变更日志中推理出“变更引发的故障”——自动化根因分析的因果推理引擎

oQianYuan的博客

12-14

255

我们将不再满足于告诉工程师“哪里变了”，而是让 AI 像一位老练的架构师一样，通过语义分析与逻辑推演，从复杂的配置历史中，精准地揪出那只扇动翅膀的蝴蝶。这是一种典型的“灰度故障”：没有物理链路的中断，没有硬件设备的冒烟，只有业务层面的体验劣化。它通过“配置语义化”读懂你的意图，通过“证据对齐”验证你的假设，通过“反事实推理”辅助你的决策。这就是网络运维中的“蝴蝶效应”——在一个复杂的拓扑中，A 处的一个策略微调，可能会在 72 小时后，导致 B 处的路由收敛异常，最终引发 C 处业务的会话超时。

应对 API 调用频率限制的自动化优化方案

2501_94198109的博客

12-11

955

令牌桶算法是实现精准速率控制的关键。分布式令牌桶（Redis） + 消息队列（MQ）是应对高并发推送的黄金架构。必须持续监控企业微信 API 的实际延迟和错误码，根据实战数据对令牌桶速率进行微调，以在合规和效率之间找到最佳平衡点。实施建议：客户联系功能启用步骤操作步骤权限申请请通过QiWe开放平台管理后台，提交“客户联系”功能的使用权限申请。获取访问凭证请使用企业corpidcorpid（企业ID）和corpsecretcorpsecret（应用密钥）作为参数，调用相应接口以获取。

n8n vs Coze：自动化工作流的选择指南

2301_81501697的博客

12-12

697

n8n= 技术自由 + 系统集成 + 高复杂度工作流Coze= 业务友好 + 快速落地 + 无代码流程自动化选择依据：用户群体、流程复杂度、部署需求、上手成本技术从业者建议：先从小流程实践，再逐步扩展复杂逻辑，必要时结合两者形成闭环。

PROFINET转ASI网关：破解自动化异构网络互联难题的核心枢纽

2509_90590323的博客

12-12

200

工业自动化升级中，网络协议多元化带来异构互联挑战。开疆智能PROFINET转ASI网关通过双协议解析引擎实现ASI总线与PROFINET工业以太网的无缝对接，支持PROFINET IO设备模式直接集成，在物流中心等场景实现高效设备控制。该网关以低成本集成、高可靠传输和强安全保障，成为破解协议孤岛、推动制造业数字化转型的关键装备，未来将发展为智能数据枢纽。

智能测试的终极形态：从自动化到自主化的范式变革

2501_94436372的博客

12-11

1027

摘要：随着AI技术的快速发展，软件测试行业正经历深刻变革。到2026年，预计80%测试任务将由AI完成，测试工程师角色正向"质量策略师"转型。智能测试展现出三大特征：92%覆盖率的认知测试能力、降低76%维护量的自适应机制、提升45%缺陷探测率的全链路预测。未来将构建自主化质量工程体系，实现全生命周期质量自治、跨维度质量洞察和人机协同。测试工程师需掌握AI原理、业务洞察和新兴方法论，与AI系统协同提升软件质量。这一变革预计5-8年内成为行业标配，测试价值将从发现问题升级为预防问题。

2025社群运营AI工具TOP榜：从自动化话术到AI CRM系统的终极演进

AIyingxiaozix的博客

12-10

950

例如，当在群聊中识别到客户的购买意向关键词，它不仅能精准回复，更能自动在CRM系统中为该客户打上“高意向”标签、创建一条新的商机，并指派给对应的销售同事，同时通过企微自动发送一条提醒。当AI与客户在社群中互动时，它清楚地知道“对方是谁”、“有过什么互动”、“可能对什么感兴趣”，从而生成千人千面的精准话术。答：这意味着AI不再只是一个被动执行固定指令的工具，而是成为一个能理解业务目标、读懂客户数据、并主动完成复杂任务的“虚拟员工”，能执行完整的运营SOP。面对此景，AI技术在私域运营中的角色已然发生质变。

如何通过axios拦截器统一处理参数序列化？

04-25

<think>好的，我现在需要帮助用户解决如何通过Axios拦截器统一处理参数序列化的问题。用户之前已经询问过在GET请求中使用qs.stringify处理数组参数的问题，现在想进一步了解如何用拦截器统一处理参数序列化。我需要结合用户提供的引用内容以及之前的回答来给出解决方案。首先，回顾用户提供的引用内容。引用[1]提到了在请求拦截器中判断是否为GET请求，并对参数进行序列化处理。用户提供的代码示例中，使用了自定义的serialize函数来处理GET参数，将其转换为URL查询字符串。引用[3]提到qs.stringify和JSON.stringify的区别，以及transformRequest和transformResponse的使用限制，特别是transformRequest只能用于PUT、POST和PATCH方法。引用[4]则涉及拦截器中处理token的逻辑，这可能与配置headers相关，但当前问题主要关注参数序列化。用户现在的问题是如何在拦截器中统一处理参数序列化，而不仅仅是针对某个特定的请求。需要结合之前提到的GET请求处理，以及可能的其他请求方法，同时确保参数正确序列化。根据之前的回答，使用paramsSerializer处理GET请求的数组参数，但现在用户希望用拦截器统一处理，避免在每个请求中单独配置paramsSerializer。接下来，我需要考虑Axios拦截器的使用方式。Axios的请求拦截器可以在请求发送前修改配置，因此可以在拦截器中判断请求方法，如果是GET，则对参数进行序列化。如果是POST、PUT等，可能需要使用qs.stringify来处理请求体数据。但根据引用[3]，transformRequest只能用于PUT、POST和PATCH，并且需要返回字符串等格式，这可能与使用qs.stringify有关。需要注意，GET请求的参数是通过config.params传递的，而POST等请求的数据是通过config.data传递的。因此，在拦截器中，需要分别处理这两种情况。对于GET请求，可以序列化params，而对于POST请求，可能需要将data转换为URL编码格式，特别是当后端期望application/x-www-form-urlencoded时。用户提供的引用[1]中的代码示例中，拦截器在GET请求时，将config.url拼接上序列化后的参数，这可能与Axios默认处理params的方式不同。Axios默认会对GET的params进行序列化，但可能不符合后端要求的格式（如数组参数需要list[]=1&list[]=2等）。因此，可能需要覆盖默认的序列化方式，使用qs库的arrayFormat选项，例如brackets模式来生成list[]形式。此外，引用[3]提到qs.stringify可以将对象序列化为URL形式，而JSON.stringify则生成JSON字符串。因此，在拦截器中，对于POST等请求的data，如果需要URL编码格式，可以使用qs.stringify处理，并设置headers的Content-Type为application/x-www-form-urlencoded。综合这些信息，解决方案可能包括以下步骤： 1. 在请求拦截器中判断请求方法。 2. 对于GET请求，使用qs.stringify处理params，并配置arrayFormat选项以满足后端格式要求。 3. 对于POST、PUT、PATCH请求，使用qs.stringify处理data，并设置相应的Content-Type头。 4. 注意transformRequest的使用限制，确保只在允许的方法中使用，或者直接在拦截器中处理data，而不依赖transformRequest。 5. 统一处理数组参数，确保序列化后的格式正确。需要注意，用户之前的问题中提到了使用paramsSerializer来处理GET请求的数组参数，但在拦截器中统一处理时，可能需要覆盖默认的序列化行为，因此需要手动处理params，并使用qs.stringify来生成查询字符串，或者修改paramsSerializer的配置。例如，在拦截器中，如果是GET请求，可以取出config.params，使用qs.stringify将其转换为查询字符串，并附加到URL上，同时清空params，以防止Axios再次序列化。或者，在拦截器中设置paramsSerializer，但这可能需要每个请求都携带paramsSerializer，不如在拦截器中统一处理更方便。另外，用户可能在之前的回答中提到了使用paramsSerializer和arrayFormat选项，现在需要在拦截器中统一应用这些配置，避免在每个请求中单独设置。因此，可以在拦截器中判断请求方法，并为GET请求自动添加paramsSerializer配置，使用qs.stringify和所需的arrayFormat。对于POST请求，如果需要将data转换为URL编码格式，可以在拦截器中判断方法，如果是POST、PUT、PATCH，并且data是对象，则使用qs.stringify进行处理，并设置headers的Content-Type。还需要考虑是否需要处理嵌套对象，qs.stringify默认如何处理，是否需要设置其他选项如allowDots等。现在，将这些思路整理成结构化的步骤，确保覆盖GET和POST等不同请求方法，参数序列化的不同处理方式，以及如何通过拦截器统一配置。可能的步骤： 1. 安装并引入qs库。 2. 创建Axios实例，配置拦截器。 3. 在请求拦截器中判断请求方法。 4. 对GET请求处理params： - 使用qs.stringify(params, { arrayFormat: 'brackets' })生成查询字符串。 - 将查询字符串附加到URL后，并清空params，避免重复序列化。 5. 对POST、PUT、PATCH请求处理data： - 如果data是对象，使用qs.stringify转换，并设置Content-Type头。 6. 处理数组参数格式，根据后端需求选择合适的arrayFormat模式。 7. 示例代码演示如何实现。同时，需要注意，在拦截器中修改config时，要确保不影响其他配置，比如已有的headers或超时设置。此外，要处理可能的错误，比如参数为空的情况。还需要回答用户可能的问题，比如不同arrayFormat模式的区别，如何处理嵌套对象，或者如何与已有的token拦截器结合使用（如引用[4]中的处理token的逻辑），确保两者不冲突。最后，验证解决方案的正确性，确保GET请求生成的URL参数格式正确，POST请求的data正确序列化，并且Content-Type正确设置。同时，处理可能出现的边缘情况，如参数值为null或undefined时的处理方式。</think>在Axios中通过拦截器统一处理参数序列化，需结合请求方法判断与序列化工具$qs$实现。以下是具体实现方法和注意事项： --- ### **一、基础配置** #### 1. 安装并引入qs库 ```bash npm install qs ``` ```javascript // axios实例配置文件 import axios from 'axios' import qs from 'qs' ``` --- ### **二、拦截器核心配置** #### 2.1 请求拦截器逻辑在请求拦截器中判断请求方法，并动态处理参数： ```javascript const service = axios.create({ timeout: 6000, baseURL: 'https://api.example.com' }) service.interceptors.request.use(config => { // 统一添加Token（可选） config.headers['Authorization'] = localStorage.getItem('token') // GET请求：处理params数组参数 if (config.method === 'get') { config.paramsSerializer = params => { return qs.stringify(params, { arrayFormat: 'brackets', // 生成list[]=1&list[]=2格式 encode: false // 禁止二次编码 }) } } // POST/PUT/PATCH请求：处理data参数 if (['post', 'put', 'patch'].includes(config.method)) { config.headers['Content-Type'] = 'application/x-www-form-urlencoded' if (config.data instanceof Object) { config.data = qs.stringify(config.data, { allowDots: true // 允许嵌套对象如user.name=John }) } } return config }) ``` --- ### **三、关键配置说明** #### 3.1 参数序列化模式 | 模式 | 作用 | 示例 | |--------------|-------------------------------|---------------------| | `arrayFormat: 'brackets'` | 生成数组格式`list[]=1` | 兼容PHP后端 | | `arrayFormat: 'repeat'` | 重复键名`list=1&list=2` | Spring Boot默认接收 | | `allowDots: true` | 支持嵌套对象`user.age=20` | 处理复杂数据结构 | --- ### **四、应用场景示例** #### 4.1 GET请求带数组参数 ```javascript service.get('/api/data', { params: { ids: [1, 2, 3], // 序列化为ids[]=1&ids[]=2&ids[]=3 filter: { status: 'active' } } }) ``` #### 4.2 POST请求发送表单数据 ```javascript service.post('/api/user', { name: 'John', roles: ['admin', 'editor'] }) // 序列化为name=John&roles[]=admin&roles[]=editor ``` --- ### **五、常见问题处理** 1. **Content-Type冲突** 若后端需要`application/json`格式，移除拦截器中`config.headers['Content-Type']`的设置[^3]。 2. **嵌套对象处理** 启用`allowDots: true`后，对象`{ user: { name: 'John' } }`将序列化为`user.name=John`。 3. **空值过滤** 在$qs.stringify$中添加`skipNulls: true`参数可自动跳过空值字段[^3]。 --- ### **六、与已有拦截器的兼容性** 若已存在Token拦截逻辑（如引用[4]），只需在序列化处理前添加Token即可： ```javascript service.interceptors.request.use(config => { // 先处理Token config.headers['Authorization'] = getToken() // 再处理参数序列化 if (config.method === 'get') { /* ... */ } return config }) ``` ---