Selenium 处理滚动条操作

在网页当中,页面存在滚动条,而要操作的元素在当前屏幕可见区域之外,则需要通过操作滚动条滚动到该元素,下面介绍两种方法:

需要用selenium中的execute_script方法去执行js脚本.
1、设置滚动条位置execute_script(“document.documentElement.scrollTop=xx”)

from selenium import webdriver
from time import  sleep
dr=webdriver.Chrome()
dr.get('https://www.baidu.com')
dr.maximize_window()
dr.find_element('id','kw').send_keys('测试')
dr.find_element('id','su').click()
sleep(2)
dr.execute_script("document.documentElement.scrollTop=10000")#滚动到底部 
sleep(2)
dr.execute_script("document.documentElement.scrollTop=0")#滚动到顶部

2、定位元素滚动至可见区域execute_script(“arguments[0].scrollIntoView()”,elem)
首先需要定位到元素,然后通过js语句将元素滚动到可见区域。

from selenium import webdriver                               
from time import  sleep                                      
dr=webdriver.Chrome()                                        
dr.get('https://www.baidu.com')                              
dr.maximize_window()                                         
dr.find_element('id','kw').send_keys('测试')                   
dr.find_element('id','su').click()                           
sleep(2)                                                                                   
ele=dr.find_element_by_link_text('www.speedtest.cn/')
dr.execute_script("arguments[0].scrollIntoView(false)",ele)#移动到元素的‘低端’与当前窗口的‘底部’对齐
sleep(2)
dr.execute_script("arguments[0].scrollIntoView(true)",ele)#移动到元素的“顶端”与当前窗口的“顶部”对齐
sleep(2)
dr.quit()

3、js的window.scrollTo()方法
window.scrollTo(0,10000)指定滑动的像素
window.scrollTo(0,document.body.scrollHeight)滑动到页面底部

from selenium import webdriver                                       
from time import  sleep                                              
dr=webdriver.Chrome()                                                
dr.get('https://www.baidu.com')                                      
dr.maximize_window()                                                 
dr.find_element('id','kw').send_keys('测试')                           
dr.find_element('id','su').click()                                   
sleep(2)                                                                                                               
dr.execute_script("window.scrollTo(0,10000)")#滑动到页面底部                        
sleep(2)                                                             
dr.execute_script("document.documentElement.scrollTop=0")#滑动到页面顶部             
sleep(2)                                                             
dr.execute_script("window.scrollTo(0,document.body.scrollHeight)")#滑动到页面底部
sleep(2) 
qr.quit   
                                                                     
### 使用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应用实施自动化测试过程中涉及到的不同类型的滚动栏操控技巧介绍。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

久醉绕心弦,

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值