selenium之 如何控制网页内嵌div中滚动条的滚动

最新推荐文章于 2024-06-05 09:46:36 发布
最新推荐文章于 2024-06-05 09:46:36 发布
阅读量4.1k 收藏 4
点赞数
分类专栏： Web自动化测试

http://blog.csdn.net/huilan_same/article/details/52131277

很多人疑惑怎么用selenium控制网页div中滚动条的滚动，其实这个问题很简单，用JS很简单就可以实现。 
示例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>
<div class="scroll">You can use the overflow property when you want to have better control of the layout. The default value is visible.aaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

</body>
</html>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22

接下来我们用JS来控制里面的滚动条滚动：

from selenium import webdriver
dr=webdriver.Firefox()
dr.get('file:///D:/1.html')
js='document.getElementsByClassName("scroll")[0].scrollTop=10000' 
# 就是这么简单，修改这个元素的scrollTop就可以
dr.execute_script(js)
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

当然，我们能做更多：

document.getElementsByClassName("scroll")[0].scrollHeight # 获取滚动条高度
document.getElementsByClassName("scroll")[0].scrollWidth # 获取横向滚动条宽度
document.getElementsByClassName("scroll")[0].scrollLeft=xxx # 控制横向滚动条位置
  • 1
  • 2
  • 3
版权声明：本文为博主原创文章，转载请声明出处并添加原文链接。 http://blog.csdn.net/huilan_same/article/details/52131277

chengly0129
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
如何用python配合selenium来控制div元素内滚动条的滚动
每日出拳老爷子的博客
07-29 1122
需求背景 元素在一个内嵌的带滚动分页加载的div内，无法立即获取。 解决方案 document.getElementsByClassName('dataTables_scrollBody')[0].scrollTop=100000 先在Chorme浏览器F12控制台中尝试上面这段语句的效果，如果不起作用，应该是元素没有抓对。持续尝试，可以用浏览器的元素检查功能。直到在控制台中显示出效果来。 然后在Python中这么写： js="var q=document.getElementByClas
selenium之如何控制网页内嵌div中滚动条的滚动
LYX_WIN
08-28 2756
一、示例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 滚动页面至元素可见的方法
09-17
主要介绍了Selenium 滚动页面至元素可见的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
滚动条详解：跨平台iOS、Android、小程序滚动条隐藏及自定义样式综合指南
最新发布
JINGWHALE
06-05 1552
随着用户界面体验提升的要求，滚动条自定义样式以及滚动条隐藏精致化的需求日渐增加，本文详细介绍了小程序、iOS、Android平台滚动条的隐藏方法，以及滚动条一般自定义样式的方法。在保持界面整洁、避免内容溢出的同时，确保用户能够访问所有信息，提升浏览体验。
Selenium2+python自动化26-js处理内嵌div滚动条
weixin_33912453的博客
12-16 225
前言     前面有篇专门用js解决了浏览器滚动条的问题，生活总是多姿多彩，有的滚动条就在页面上，这时候又得仰仗js大哥来解决啦。 一、内嵌滚动条     1.下面这张图就是内嵌div带有滚动条的样子，记住它的长相。     2.页面源码如下：（老规矩：copy下来，用文本保存下来，后缀改成.html,用浏览器打开） &lt;!DOCTYPE html&gt;&lt;meta cha...
selenium python 如何控制网页内嵌div中滚动条的滚动
weixin_30820151的博客
08-08 1215
问题：在网页内嵌div中滚动条的滚动，使用浏览器滚动条控制方法无效： 解决方案： 1.F12，找到clase name 2. js='document.getElementsByClassName("J-article J-scroll-box")[0].scrollTop=10000' driver.execute_script(js) 转载于:https://www.cnbl...
使用Selenium慢慢向下滚动页面
weixin_34381666的博客
03-23 6838
我正试图从航班搜索页面抓取一些数据. 此页面以这种方式工作： 你填写一个表格,然后你点击按钮搜索 – 这没关系.当您单击该按钮时,您将被重定向到包含结果的页面,这就是问题所在.这个页面连续添加结果,例如一分钟,这不是什么大问题 – 问题是得到所有这些结果.当您使用真正的浏览器时,您必须向下滚动页面并显示这些结果.所以我试图使用Selenium向下滚动.它可能在页面底部向下滚动可能非常快,...
python中selenium操作下拉滚动条的几种方法汇总
01-01
UI自动化中经常会遇到元素识别不到，找不到的问题，原因有很多，比如不在iframe里，xpath或id写错了等等；但有一种是在当前显示的页面元素不可见，拖动下拉条后元素就出来了。 比如下面这样一个网页，需要进行拖动下...
浅谈selenium如何应对网页内容需要鼠标滚动加载的问题
09-17
对于采用懒加载技术的页面，只有当滚动条滚动到特定位置时，元素才会被加载到DOM中。因此，要获取完整的页面内容，需要模拟用户滚动行为。下面的代码展示了如何使用Selenium的`WebDriverWait`和`expected_conditions...
Selenium基于PIL实现拼接滚动截图
09-17
### Selenium与PIL结合实现滚动网页的全屏截图 在自动化测试或网页抓取领域，经常需要对网页进行截图操作。然而，默认情况下，Selenium 的 `save_screenshot` 方法只能捕获当前可视区域内的内容，无法截取滚动条...
selenium 控制内嵌table滚动条的方法
nicole415的博客
12-30 4096
selenium 控制内嵌table滚动条的方法 我们经常会遇到selenium 无法捕获到对应元素的问题，其中有一个原因是由于页面中存在滚动条，而需要操作的元素需要滑动滚动条后才能捕获到。 之前有使用过如下方式： document.getElementById('id').scrollTop=10000 但是当出现需要操作内嵌table的滚动条时，这种方式就不可用了。 正确的操作方式如下，遇到这种情况时，需要用到document.querySelector 正确JS写法为： document.que
关于Selenium滚动条的处理
weixin_43985642的博客
08-05 3978
python selenium处理滚动条
Python selenium —— JS操控浏览器滚动条以及网页div内嵌滚动条
yy19890521的博客
05-13 1020
今天博主给大家分享一下用JS控制浏览器滚动条的办法。 1.兼容Firefox、Chrome、IE的浏览器滚动JS 经常有人会发现自己写的JS能够控制某个浏览器滚动条，但是却在另一个浏览器上不灵了，博主今天带给大家集中能够兼容Firefox、Chrome以及IE的滚动条滚动方法： $(window).scrollTop(300); $(document).scrollTop(300) $("html,body").scrollTop(300); 都是jQuery的写法，原生js怎么办： ..
Selenium页面滚动条处理
weixin_44082569的博客
05-29 313
窃套js语句 1.1 滚动到指定元素 WebElement login = useDrive.findElement(By.xpath(productpath)); ((JavascriptExecutor) useDrive).executeScript("arguments[0].scrollIntoView(false);", login); 1.2 滚动直到找到元素 public void loadallpage() throws InterruptedException { w..
[selenium]-处理滚动条
weixin_30267697的博客
03-25 184
转载于：https://blog.csdn.net/lilongsy/article/details/76142497 1、先把driver 强制转换为js,如下 JavascriptExecutor js =(JavascriptExecutor) driver; 2、再用js调用相关的方法，如下 # 移动到元素element对象的“顶端”与当前窗口的“顶部”对齐 driver.e...
Selenium 处理滚动条操作
软件测试技术交流分享
11-20 1722
在网页当中，页面存在滚动条，而要操作的元素在当前屏幕可见区域之外，则需要通过操作滚动条滚动到该元素，下面介绍两种方法：
selenium自动化测试之浏览器滚动条和DIV内嵌滚动条
Asaasa1的博客
10-21 1363
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
Selenium脚本怎么控制指定div的滚动条
05-12
可以使用Selenium中的JavaScriptExecutor来控制指定div的滚动条。下面是一个示例代码： ```python from selenium import webdriver # 创建一个Chrome浏览器实例 driver = webdriver.Chrome() # 打开网页 driver.get("https://www.example.com") # 执行JavaScript代码，将指定的div元素滚动到底部 driver.execute_script("arguments[0].scrollTop = arguments[0].scrollHeight", driver.find_element_by_id("myDiv")) ``` 在上面的代码中，我们使用了`execute_script()`方法来执行JavaScript代码，其中`arguments[0]`表示第一个参数，即要控制滚动条的div元素。`scrollTop`属性表示滚动条的垂直位置，`scrollHeight`属性表示元素的总高度。 你需要将代码中的`"https://www.example.com"`和`"myDiv"`替换成你实际要操作的网页和div元素的ID。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值