Selenium 浏览器滚动条操作

本文介绍了使用Selenium进行WEB自动化测试时,如何通过两种方法操作浏览器滚动条:一是通过目标元素的位置来滚动;二是使用Window.scrollTo方法直接滚动到指定坐标。

在用selenium做WEB自动化时,经常会碰到要定位的元素不在当前屏,需要拖动浏览器的滚动条才能显示出来。如果直接去定位的话,一定会报元素不存在的错误。那么怎么对浏览器的滚动条进行操作呢?

webdriver不能定位到浏览器的滚动条,只有通过execute_script()来执行js脚本,达到操作滚动条的目的。

一、通过元素所在位置来拖动滚动条

这个方法是最常用的,它就好像我们人一样拖动滚动条用眼睛在页面上寻找需要的元素,一旦找到那个元素了,我就停止拖动。

代码:

# coding = utf-8
from selenium import webdriver
from time import sleep
# 驱动文件路径
driverfile_path = r'D:\coship\Test_Framework\drivers\chromedriver.exe'
# 启动浏览器
driver = webdriver.Chrome(executable_path=driverfile_path)
driver.get(r'https://www.autoitscript.com/site/autoit/downloads/')
driver.maximize_window()
driver.implicitly_wait(20)
# 描述元素的属性
target = driver.find_element_by_css_selector("img[title='Download AutoIt']")
# 执行js脚本,拖动浏览器滚动条到元素的位置
driver.execute_script("arguments[0].scrollIntoView();", target)
# 退出
sleep(5)
driver.quit()

二、Window.scrollTo()方法

scrollTo(xpos,ypos)

此方法可以把滚动条拖动到指定的坐标,其中xpos是横坐标,也就是对横滚动条进行操作;ypos是纵坐标,也就是对竖进度条进行操作

那么我们怎么能知道元素所在位置的坐标呢?先来介绍一个Chrome浏览器的插件: page ruler

安装插件后,打开谷歌浏览器,可以再右上角看到一把尺子的图标,点击尺子的图标,移动到元素的位置,就可以显示这个元素的坐标了,如图:

知道元素的坐标后,我们就可以拖动滚动条了。

代码:

# coding = utf-8
from selenium import webdriver
from time import sleep
# 驱动文件路径
driverfile_path = r'D:\coship\Test_Framework\drivers\chromedriver.exe'
# 启动浏览器
driver = webdriver.Chrome(executable_path=driverfile_path)
driver.get(r'https://www.autoitscript.com/site/autoit/downloads/')
driver.maximize_window()
driver.implicitly_wait(20)
# 调用JS代码拖动滚动条
driver.execute_script("window.scrollTo(0,1680)")
# 直接拖动到底部
driver.execute_script("window.scrollTo(0,document.body.scrollHeight)")
# 拖动到顶部
driver.execute_script("window.scrollTo(0,0)")
# 退出
sleep(5)
driver.quit()

 

转载于:https://www.cnblogs.com/eastonliu/p/9135141.html

### 使用Selenium实现网页滚动条操作 在HTML页面中,一些元素为动态显示,只有当滚动条到达特定位置时才会加载这些元素。为了确保能够与这类动态内容交互,Selenium提供了多种方式来控制浏览器窗口的滚动条。 #### 方法一:使用JavaScript执行器进行全局滚动 对于整个页面的滚动,可以直接利用JavaScript代码片段通过`execute_script()`函数来进行。这种方式适用于大多数情况下的页面滚动需求[^1]: ```python from selenium import webdriver driver = webdriver.Chrome() driver.get('https://example.com') # 向下滚动到底部 driver.execute_script("window.scrollTo(0, document.body.scrollHeight);") # 返回顶部 driver.execute_script("window.scrollTo(0, 0);") ``` #### 方法二:定位具体元素并使其进入视野 如果目标是在某个特定区域内找到一个隐藏的对象,则可以让它自动出现在屏幕中央以便于后续的操作。此方法特别适合处理那些位于不可见部分但又必须先显现出来的组件[^3]: ```python target_element = driver.find_element_by_id('element-id') driver.execute_script("arguments[0].scrollIntoView(true);", target_element) ``` #### 方法三:模拟用户行为触发局部区域滚动 有时页面设计会使得某些控件仅在其父容器内可滚动而非整体文档流的一部分。这时就需要采用更灵活的办法——比如模仿真实用户的按键动作或者鼠标事件来促使相应区块发生位移变化[^4]: ```python import time from selenium.webdriver.common.keys import Keys html = driver.find_element_by_tag_name('html') for _ in range(5): # 假设需要按五次Page Down键才能看到想要的内容 html.send_keys(Keys.PAGE_DOWN) time.sleep(0.5) # 或者使用ActionChains类创建复杂的链式操作序列 from selenium.webdriver import ActionChains actions = ActionChains(driver) actions.move_to_element(target_element).perform() # 将光标移到指定元素上从而引起其周围环境的变化 ``` 以上就是几种常见的基于Python语言环境下运用Selenium库对Web应用实施自动化测试过程中涉及到的不同类型的滚动栏操控技巧介绍。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值