selenium---JS处理滚动条

  在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()

selenium---JS处理滚动条

 

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

 

selenium---JS处理滚动条

上一篇:CSS层叠样式


下一篇:论文阅读:Relation Structure-Aware Heterogeneous Information Network Embedding