百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

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

ztj100 2025-05-22 14:58 27 浏览 0 评论

滑块解锁

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

  • 获取滑块本身的元素以及滑块所在长条的元素
  • 根据滑块元素的size和所在矩形元素的size便能得到滑块的偏移量
  • 使用selenium库中的actionChains中的click_and_holemove_by_offset来控制滑块行动
根据滑块本身的大小以及承载滑块的div的大小来获取偏移量offx
    slide1_back = self.find_ele_is_presence(_slide1_back_locate)
    slide1_span = self.find_ele_is_presence(_slide1_span_locate)
    获取滑块的起始坐标location
    start_location = slide1_span.location
    # 获取滑块所在长条的长宽大小
    background_size = slide1_back.size
    4.滑块的滑动范围[开始位置的横坐标减去滑片的宽度],由于是平移所以纵坐标没有变化
    x_location = background_size["width"] - start_location["x"]
    y_location = start_location["y"]

然后通过对滑动轨迹:即一定时间内滑动的偏移量的变化,来模拟真人操作,试图通过检测

def ease_out_quad(x):
    return 1 - (1 - x) * (1 - x)


def ease_out_quart(x):
    return 1 - pow(1 - x, 4)


def ease_out_expo(x):
    if x == 1:
        return 1
    else:
        return 1 - pow(2, -10 * x)


def get_tracks(distance, seconds):
    """
    :param distance: offset
    :param seconds: 拉动时间
    :return:
    """
    tracks = [0]
    offsets = [0]
    # print("np_value:", np.arange(0.0, seconds, 0.1))
    for t in np.arange(0.0, seconds, 0.1):
        offset = round(ease_out_quart(t / seconds) * distance)
        tracks.append(offset - offsets[-1])
        offsets.append(offset)
    return offsets, tracks

结论

遗憾的是,有些网站的滑块检测条件极为苛刻又难以捉摸,即使使用了随机暂停,加速度变化等操作来模拟真人滑动,还是无法通过检测。疑似要通过人工智能的方式来解决。

浏览器页面滚动

使用JS进行滚动

因为一般滚动条都不作为单独的元件出现,而是附庸在某个divtable上,当这些元件展示内容过多时便会自动出现滚动条,所以难以通过selenium定位然后actionChains调用方法进行拖拽的方式控制页面滚动,需要通过JS来完成对滚动条的操作。

常见JS

  • 针对整个页面进行滚动
def test_scroll_to():
    chromeOptions = webdriver.ChromeOptions()
    chromeOptions.add_argument('--start-maximized')
    driver = webdriver.Chrome(chromeOptions)

    driver.get('https://www.jd.com/')
    n=1
    while True:
        # driver.execute_script(f"document.body.scrollTop = {100*n};")
        driver.execute_script(f"window.scrollTo({(n-1)*50}, {n*50})")
        n+=1

针对单个元素的内嵌滚动条进行滚动

document.querySelector('.page-content').scrollTo(0,300)

document.querySelector('.ant-table-content').scrollTo(-100,0)
通过定位到存在内嵌滚动条的元件,然后使用scrollTo(x,y)进行滚动。

推荐学习

测试开发北京周末线下高薪私教班开课啦!!!内容全面升级,新增小班私教、1v1私教内容,让同学们在学技术的同时,软技能也同步得到提升。

4 个月 30+ 项目实战强化训练,资深测试架构师、开源项目作者亲授 BAT 大厂前沿最佳实践,带你一站式掌握测试开发必备核心技能(对标阿里P6+)!直推 BAT 名企测试经理,模拟面试+面试复盘跳槽无忧!


相关推荐

拒绝躺平,如何使用AOP的环绕通知实现分布式锁

如何在分布式环境下,像用synchronized关键字那样使用分布式锁。比如开发一个注解,叫@DistributionLock,作用于一个方法函数上,每次调方法前加锁,调完之后自动释放锁。可以利用Sp...

「解锁新姿势」 兄dei,你代码需要优化了

前言在我们平常开发过程中,由于项目时间紧张,代码可以用就好,往往会忽视代码的质量问题。甚至有些复制粘贴过来,不加以整理规范。往往导致项目后期难以维护,更别说后续接手项目的人。所以啊,我们要编写出优雅的...

消息队列核心面试点讲解(消息队列面试题)

Rocketmq消息不丢失一、前言RocketMQ可以理解成一个特殊的存储系统,这个存储系统特殊之处数据是一般只会被使用一次,这种情况下,如何保证这个被消费一次的消息不丢失是非常重要的。本文将分析Ro...

秒杀系统—4.第二版升级优化的技术文档二

大纲7.秒杀系统的秒杀活动服务实现...

SpringBoot JPA动态查询与Specification详解:从基础到高级实战

一、JPA动态查询概述1.1什么是动态查询动态查询是指根据运行时条件构建的查询,与静态查询(如@Query注解或命名查询)相对。在业务系统中,80%的查询需求都是动态的,例如电商系统中的商品筛选、订...

Java常用工具类技术文档(java常用工具类技术文档有哪些)

一、概述Java工具类(UtilityClasses)是封装了通用功能的静态方法集合,能够简化代码、提高开发效率。本文整理Java原生及常用第三方库(如ApacheCommons、GoogleG...

Guava 之Joiner 拼接字符串和Map(字符串拼接join的用法)

Guave是一个强大的的工具集合,今天给大家介绍一下,常用的拼接字符串的方法,当然JDK也有方便的拼接字符串的方式,本文主要介绍guava的,可以对比使用基本的拼接的话可以如下操作...

SpringBoot怎么整合Redis,监听Key过期事件?

一、修改Redis配置文件1、在Redis的安装目录2、找到redis.windows.conf文件,搜索“notify-keyspace-events”...

如何使用Python将多个excel文件数据快速汇总?

在数据分析和处理的过程中,Excel文件是我们经常会遇到的数据格式之一。本文将通过一个具体的示例,展示如何使用Python和Pandas库来读取、合并和处理多个Excel文件的数据,并最终生成一个包含...

利用Pandas高效处理百万级数据集,速度提升10倍的秘密武器

处理大规模数据集,尤其是百万级别的数据量,对效率的要求非常高。使用Pandas时,可以通过一些策略和技巧显著提高数据处理的速度。以下是一些关键的方法,帮助你使用Pandas高效地处理大型数据集,从而实...

Python进阶-Day 25: 数据分析基础

目标:掌握Pandas和NumPy的基本操作,学习如何分析CSV数据集并生成报告。课程内容...

Pandas 入门教程 - 第五课: 高级数据操作

在前几节课中,我们学习了如何使用Pandas进行数据操作和可视化。在这一课中,我们将进一步探索一些高级的数据操作技巧,包括数据透视、分组聚合、时间序列处理以及高级索引和切片。高级索引和切片...

原来这才是Pandas!(原来这才是薯片真正的吃法)

听到一些人说,Pandas语法太乱、太杂了,根本记不住。...

python(pandas + numpy)数据分析的基础

数据NaN值排查,统计,排序...

利用Python进行数据分组/数据透视表

1.数据分组源数据表如下所示:1.1分组键是列名分组键是列名时直接将某一列或多列的列名传给groupby()方法,groupby()方法就会按照这一列或多列进行分组。按照一列进行分组...

取消回复欢迎 发表评论: