python selenium 实现内嵌窗口滚动

最新推荐文章于 2024-08-05 08:58:51 发布
原创 最新推荐文章于 2024-08-05 08:58:51 发布 · 2.9k 阅读 · 15 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #selenium

本文详细介绍了如何使用Python的Selenium库来实现内嵌窗口的滚动。首先，通过Chrome的XPATH Helper插件获取滚动条所在div的class name。接着，编写JavaScript语句，特别注意getElementsByClassName返回的是数组，需要调试确定要操作的元素。最后，通过driver.execute_script执行JS指令完成滚动操作。

先讲一下流程：

1. 获取内嵌窗口所在div的class name

2. 书写js语句并调试

3. 用selenium driver.execute_script执行js语句

 

1. 获取内嵌窗口所在div的class name

  1. 获取内嵌窗口所在div的class name
  2. 在网页控制台调试js语句
  3. 用selenium driver.execute_script执行js语句

需要重点介绍下如何获取内嵌窗口所在div的class name，这里强烈推荐使用Chrome插件XPATH helper （自从有了这个神器，腰也不疼了，脖子也不酸了，好！）用上述工具选中滚动条即可获得该窗口所在div的class，值得注意的是滚动条不是网页的HTML元素，而是由于浏览器尺寸不足而加入的一个工具，因此它没有xpath （参考）

定位得到差不多含有scroll这样的关键字的div，就是我们想要的div

2. 书写js语句并调试

书写语句如下

document.getElementsByClassName("flex-grow scroll-auto")[1].scrollTop-=100

自觉替换class name和scroll方向即可

需要注意的是getElementsByClassName返回的是一个数组，具体需要scroll数组中的哪个元素呢，就需要在控制台调试看看了

document.getElementsByClassName("flex-grow scroll-auto")

3. 用selenium driver.execute_script执行js语句

selenium之如何控制网页内嵌div中滚动条的滚动
1、测试博主技术知识分享 2、pos行业知识技术分享 3、java后端技术知识分享 4、嵌入式技术知识分享 5、运维部署相关知识分享
08-28 3249
一、示例HTML代码如下： <!DOCTYPE html> <html> <head> <style type="text/css"> div.scroll { background-color:#00FFFF; width:100px; height:100px; overflow:auto; } </style> </head> <body> <p>overflow:scroll</p>
软件测试|如何使用selenium操作窗口滚动条
Tester_muller的博客
10-17 1635
我们在进行自动化测试工作的时候，如果页面内容过多，一次性加载耗时太长的话，会使用分段加载来加载页面内容，比如开始只加载页面顶端的内容，而如果要加载更多的数据，就需要我们向下滑动，让页面加载后续的内容；尤其是网页特别长的时候，我们往往需要滑动较长的距离才可以滑动到页面的底端，本文就来介绍一下selenium操作窗口滚动条的方法。本文主要介绍了使用selenium实现页面滚动的方法步骤，现在页面的内容越来越多，经常需要我们实现页面滚动才可以更好地运行我们地测试用例，希望本文能够帮助到大家。
python操作浏览器滚动条_python+selenium之浏览器滚动条操作
weixin_39586265的博客
12-07 800
from selenium import webdriverimport time#访问百度driver=webdriver.Ie()driver.get("http://www.baidu.com")#搜索driver.find_element_by_id("kw").send_keys("selenium")driver.find_element_by_id("su").click()time...
利用Selenium控制网页内嵌滚动条
山阴少年
08-12 9311
利用Selenium控制网页内嵌滚动条
python+selenium 内嵌滚动条
zhaoweiya的博客
07-06 2180
转发自：https://yq.aliyun.com/articles/317413?scm=20140722.184.2.173 1.页面这样： 源码如下： copy下来，用文本保存下来，后缀改成.html,用浏览器打开 <!DOCTYPE html> <meta charset="UTF-8"> <!-- for HTML5 --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"
selenium+python使用JS处理页面滚动条
梦里有阳光
12-25 648
selenium+python使用JS处理页面滚动条，具体代码示例如下： import time from selenium import webdriver # 实例化浏览器，访问目标网页，窗口最大化 driver = webdriver.Chrome() driver.get("https://blog.youkuaiyun.com/weixin_44169484") driver.maximize_window() time.sleep(1) # 定位元素 element = driver.find_elem
2024年软件测试 如何使用selenium操作窗口滚动条_selenium局部滚动窗口，2024年最新我的软件测试春季历程
2401_84563933的博客
05-06 472
我们在进行自动化测试工作的时候，如果页面内容过多，一次性加载耗时太长的话，会使用分段加载来加载页面内容，比如开始只加载页面顶端的内容，而如果要加载更多的数据，就需要我们向下滑动，让页面加载后续的内容；尤其是网页特别长的时候，我们往往需要滑动较长的距离才可以滑动到页面的底端，本文就来介绍一下selenium操作窗口滚动条的方法。
Selenium 操作内部滚动条的方法
分享数据科学家的自我修养
08-05 1601
在爬取网页数据的过程中，有时候需要操作网页中的滚动条来获取完整的数据。Selenium 可以操作页面中没有完全显示的内容，当页面中有内容在当前可见范围之外时，可以使用滚动操作将其滚动到视图中。在浏览器中，滚动条有窗口滚动条和内部滚动条两种，窗口滚动条是指浏览器窗口右侧或底部的滚动条，通过拖动滚动条，可以使整个窗口中的内容上下或左右移动，用于滚动整个页面的内容，可以通过鼠标滚轮、键盘上下左右箭头、滚动条本身的拖动等方式进行操作。内部滚动条，在网页内部特定区域中垂直或水平移动，用于滚动该区域内的内容。
python selenium安装、常用方法以及实现多页面抓取
zjy123078_zjy的博客
04-20 1022
Python与Selenium实现网页爬取
selenium自动化测试之浏览器滚动条和DIV内嵌滚动条
Asaasa1的博客
10-21 1491
1.浏览器滚动条 需要借助js 方法1: execute_script("window.scrollBy(x,y)") # 必要参数x,y，x指横向移动的像素，y指竖向 方法2： driver.execute_script("document.documentElement.scrollTop=10000") # scrollTop=0指的是滑动到顶部，10000指滑动到底部 代码实现 打开微云首页，点击[微云服务协议]，分别向下滑动一点和滑动到底。注意打开协议后，需要匹配到新的window_hand
python操作浏览器滚动条_python-web自动化-滚动条操作
weixin_39623620的博客
12-07 961
滚动条操作：当待操作的元素在页面可是区域外时，要将待操作的元素滚动到可视区域当中步骤：1.先找要将要操作的元素element = driver.find_element_by_xxxx("XXXX")2.再将元素滑动到可视区域；通过执行javaScript语句实现driver.execute_script("arguments[0].scrollIntoView();",element)#另外一种...
selenium 控制内嵌table滚动条的方法
nicole415的博客
12-30 4532
selenium 控制内嵌table滚动条的方法 我们经常会遇到selenium 无法捕获到对应元素的问题，其中有一个原因是由于页面中存在滚动条，而需要操作的元素需要滑动滚动条后才能捕获到。 之前有使用过如下方式： document.getElementById('id').scrollTop=10000 但是当出现需要操作内嵌table的滚动条时，这种方式就不可用了。 正确的操作方式如下，遇到这种情况时，需要用到document.querySelector 正确JS写法为： document.que
嵌套页面获取滚动scrollTop
LILEILEILOVE的博客
06-25 288
iframe嵌套页面没有办法获取浏览器滚动条，就监听嵌入页面DIV的滚动 <div id="app" @scroll="handleScroll"> <div> methods:{ handleScroll(){ let appScroll = document.getElementById("app"); console.log(appScroll.scrollTop) this.$store.commit('SETSCROLLTOP',appScroll.scrollTop) }
# python-自动化UI测试之- 操作页面滚动条
yj11118526618的博客
07-18 1012
encoding = utf-8 from selenium import webdriver import unittest import traceback import time class TestScrollBar(unittest.TestCase): “”“测试滚动条”"" def setUp(self) -> None: self.dr = webdriver.Chrome() print('-------测试用例准备就绪--------') def tearDown
Python Selenium控制网页滚动条滚动
野猫炫的博客
08-26 390
driver.execute_script('window.scrollBy(1000, 0)') # for i in range(30): js='window.scrollBy(1000,0)' driver.execute_script(js) time.sleep(0.5)
python3 selenium 浏览器窗口处理
lc_buzhidao的博客
03-08 713
背景 selenium webdriver提供了几个处理浏览器窗口的方法，包含设置和获取窗口大小，位置。以下为总结。 webdriver提供的方法： # 获取浏览器窗口大小，返回值是一个包含长和宽属性的字典。 get_window_size(windowHandle='current') # 设置浏览器窗口大小 set_window_size(self, width, height, windo...
python操作浏览器滚动条_python selenium webdriver处理浏览器滚动条
weixin_39679664的博客
12-07 694
用键盘右下角的UP,DOWN按键来处理页面滚动条 这种方法很灵活用起来很方便！！！！from selenium import webdriverimport timefrom selenium.webdriver.common.keys import Keys#访问百度driver=webdriver.Chrome()driver.get("http://www.baidu.com")#搜索dri...
Selenium2+python自动化26-js处理内嵌div滚动条
weixin_33912453的博客
12-16 308
前言     前面有篇专门用js解决了浏览器滚动条的问题，生活总是多姿多彩，有的滚动条就在页面上，这时候又得仰仗js大哥来解决啦。 一、内嵌滚动条     1.下面这张图就是内嵌div带有滚动条的样子，记住它的长相。     2.页面源码如下：（老规矩：copy下来，用文本保存下来，后缀改成.html,用浏览器打开） &lt;!DOCTYPE html&gt;&lt;meta cha...
python selenium 窗口滚动
最新发布
03-02
### 使用Python Selenium实现窗口滚动 为了实现在网页自动化测试过程中控制浏览器窗口的滚动行为，可以利用JavaScript执行器来完成这一功能。通过`execute_script()`方法可以直接运行JavaScript代码片段，在此情况下用于调整页面视窗的位置。 对于简单的页面垂直方向上的滚动操作，下面给出了一种基于像素值指定滚动画布位置的方式： ```python from selenium import webdriver driver = webdriver.Chrome() driver.get('http://example.com') # 向下滚动1000个像素单位 driver.execute_script("window.scrollBy(0, 1000)") # 滚动至特定偏移量[^2] # 将页面滚动到底部 driver.execute_script("window.scrollTo(0, document.body.scrollHeight);") # 滚动到文档底部 ``` 当涉及到更复杂的场景比如滚动到某个具体元素可见区域时，则可以通过获取该目标元素相对于整个文档的高度并设置为新的scrollTop属性值来进行精确控制: ```python target_element = driver.find_element(By.CSS_SELECTOR, 'your_css_selector') driver.execute_script("arguments[0].scrollIntoView(true);", target_element) # 让指定元素进入视野中心 ``` 如果是在iframe内部进行滚动动作之前需要先切换进对应的frame环境内才能正常工作，这一步骤非常重要因为默认状态下所有的查找命令都是针对顶级HTML文件有效而不是嵌套框架内的内容。 ```python driver.switch_to.frame(0) # 切换到第一个<iframe>标签中去 ``` 最后需要注意的是，以上提到的操作均需建立在一个已经成功加载完毕的目标网站之上，并且确保所使用的定位表达式能够唯一匹配所需的DOM节点。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值