一个小技巧让你轻松处理Selenium处理滚动条和元素聚焦

01 JS处理滚动条

通过webdriver提供的execute_script()方法执行JS脚本操作滚动条

右侧滚动条

Firefox浏览器和Chrome浏览器用的语法不一样，下面区分列出来，貌似谷歌浏览器71版通用火狐了

# Firefox浏览器滚动到底部
js = "var q=document.documentElement.scrollTop=10000"# Firefox浏览器滚动到顶部
js = "var q=document.documentElement.scrollTop=0"# Chrome浏览器滚动到底部
js = "var q=document.body.scrollTop=10000"# Chrome浏览器滚动到顶部
js = "var q=document.body.scrollTop=0"# 通过id属性切入操作内嵌表单的滚动条
js = "var q=document.getElementById('id').scrollTop=0"

横向滚动条：

#  x为横向距离 y为纵向距离
js = "window.scrollTo(x,y);"

据说不存在兼容问题的scrollTo函数

–scrollHeight 获取对象的滚动高度。
–scrollLeft 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离。
–scrollTop 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离。
–scrollWidth 获取对象的滚动宽度

# 滚动到底部
js = "window.scrollTo(0,document.body.scrollHeight)"# 滚动到顶部
js = "window.scrollTo(0,0)"# 滚动到横向距离为X纵向距离为Y的位置
js = "window.scrollTo(x,y)"

执行js脚本

driver.execute_script(js)

上个代码：

# coding=utf-8
# author:Venfrom selenium import webdriver
from time import sleep
driver = webdriver.Chrome()
driver.set_window_size(width=800,height=700)
driver.get("https://www.baidu.com")driver.find_element_by_xpath("//input[@id='kw']").send_keys('selenium')driver.find_element_by_xpath("//input[@id='su']").click()sleep(1)js = "window.scrollTo(0,document.body.scrollHeight)"driver.execute_script(js)sleep(1)js = "window.scrollTo(500,0)"driver.execute_script(js)sleep(1)driver.quit()

02 元素聚焦

通过JS让页面直接跳到元素出现的位置(注意遮盖现象，聚焦被遮盖聚焦附近元素）

target = driver.find_element_by_xpath()
driver.execute_script(“arguments[0].scrollIntoView();”, target)

# coding=utf-8
# author:Venfrom selenium import webdriver
from time import sleepdriver = webdriver.Chrome()
driver.get("https://www.baidu.com")driver.find_element_by_xpath("//input[@id='kw']").send_keys('selenium')driver.find_element_by_xpath("//input[@id='su']").click()
driver.set_window_size(width=600, height=600)
sleep(2)
target = driver.find_element_by_xpath("//*[@id='page']/a[1]/span[2]")
driver.execute_script("arguments[0].scrollIntoView();", target)             # 元素聚焦到翻页按钮 - 2
sleep(2)
driver.quit()

最后：推荐一个学习公众号，你可以在公众号：伤心的辣条！免费领取一份216页软件测试工程师面试宝典文档资料。以及相对应的视频学习教程免费分享！，其中资料包括了有基础知识、Linux必备、Shell、互联网程序原理、Mysql数据库、抓包工具专题、接口测试工具、测试进阶-Python编程、Web自动化测试、APP自动化测试、接口自动化测试、测试高级持续集成、测试架构开发测试框架、性能测试、安全测试等。

学习不要孤军奋战，最好是能抱团取暖，相互成就一起成长，群众效应的效果是非常强大的，大家一起学习，一起打卡，会更有学习动力，也更能坚持下去。

喜欢软件测试的小伙伴们，如果我的博客对你有帮助、如果你喜欢我的博客内容，请 “点赞” “评论” “收藏” 一键三连哦！

好文推荐

转行面试，跳槽面试，软件测试人员都必须知道的这几种面试技巧！

面试经：一线城市搬砖！又面软件测试岗，5000就知足了…

面试官：工作三年，还来面初级测试？恐怕你的软件测试工程师的头衔要加双引号…

什么样的人适合从事软件测试工作？

那个准点下班的人，比我先升职了…

测试岗反复跳槽，跳着跳着就跳没了…