selenium---JS处理滚动条

597 篇文章 17 订阅
51 篇文章 5 订阅

在web自动化中,会遇到想要定位的内容,由于电脑分辨率的问题导致,需要定位的元素可能没有在页面上展示出来,这个时候我们应该怎么做呢?正常情况下,肯定是点击滚动条,找到想要的元素,然后进行操作。问题来了,selenium有没有办法操作滚动呢?selenium目前没有好的办法进行操作滑动条,但是前面介绍的JS有这个功能哈

滚动条

滚动条:滚动条是在我们使用软件无法显示整个界面的时候,右侧的一个可以滚动的用于显示剩下界面的条

知道了滚动条是什么,那么我们如何通过JS进行操作呢?

JS操作滚动条

JS操作滚动条有几种

1、滚动条到顶部

# JS滚动条到顶部
js="var q=document.getElementById('id').scrollTop=0"

2、滚动条在底部,scrollTop表示滑动条的位置

# 滚动条到底部,
js="var q=document.documentElement.scrollTop=10000"

3、操作横向滚动条

# 操作横向滚动条
js  = “window.scrollTo(100,400)

4、通过元素进行滚动
通过观察会发现上面的滚动条都是滚动到固定位置,那么我们的元素在中间,我们又不清楚滚动条具体停放在哪里?我们可以通过JS进行找到这个元素然后将滚动条操作到可见元素的位置

# 滚动到元素可见位置
js = "arguments[0].scrollIntoView()"
# 元素位置
element = driver.find_element_by_id('xxxx')
# 滚动可见位置
driver.execute_script(js,element)

代码:

from selenium import webdriver
import time
driver = webdriver.Chrome()
driver.get('https://www.cnblogs.com/qican/')
# 找到想要滚动到的元素
element = driver.find_element_by_xpath('//*[contains(text(),"下一页")]')
# js操作脚本
js = "arguments[0].scrollIntoView()"
driver.execute_script(js,element)
time.sleep(2)
element.click()

其实通过JS操作web页面的内容还有很多,JS可以帮助我们解决一些selenium无法解决的问题,后续一点点的为大家补充JS工作中遇到的内容,大家也可以留言说说你在工作中通过JS都做哪些?

点赞关注~~持续分享,642830685。群内免费领取最新软件测试大厂面试资料和Python自动化、接口、框架搭建学习资料!技术大牛解惑答疑,同行一起交流。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值