selenium+Python(Js处理浏览器滚动条)
控制浏览器滚动条
有时候我们需要控制页面滚动条上的滚动条,但滚动条并非页面上的元素,这个时候就需要借助 js 是来进行操作。一般用到操作滚动条的会两个场景:
- 注册时的法律条文需要阅读,判断用户是否阅读的标准是:滚动条是否拉到最下方。
- 要操作的页面元素不在屏幕范围,无法进行操作,需要拖动滚动条
其实,实现这个功能只要一行代码,懂js的很快就可以解决。
用于标识滚动条位置的代码:
<body onload= "document.body.scrollTop=0 ">
<body onload= "document.body.scrollTop=100000 ">
如果滚动条在最上方的话,scrollTop=0 ;那么要想使用滚动条在最可下方,可以scrollTop=100000 ,这样就可以使滚动条在最下方。
1、控制滚动条高度
1.1 、场景一
先来解决场第一个问题,法律条款是一个内嵌窗口,通过 firebug 工具可以定位到内嵌
入窗口可以定位到元素的 id ,可以通过下面的代码实现。
js="var q=document.getElementById('id').scrollTop=10000"
driver.execute_script(js)
1.2 、场景二
有滚动条的页面到处可见,这个就比较容易找例子,我们以操作百度搜索结果页为例:
#coding=utf-8 from selenium import webdriver import time #访问百度 driver=webdriver.Firefox() driver.get("http://www.baidu.com") #搜索 driver.find_element_by_id("kw").send_keys("selenium") driver.find_element_by_id("su").click() time.sleep(3) #将页面滚动条拖到底部 js1="var q=document.documentElement.scrollTop=10000" driver.execute_script(js1) time.sleep(3) #将滚动条移动到页面的顶部 js2="var q=document.documentElement.scrollTop=0" driver.execute_script(js2) time.sleep(3) driver.quit()
2、横向滚动条
1.有时候浏览器页面需要左右滚动(一般屏幕最大化后,左右滚动的情况已经很少见了)。
2.通过左边控制横向和纵向滚动条 scrollTo(x, y)
js ="window.scrollTo(100,400);"
driver.execute_script(js)
3.第一个参数 x 是横向距离,第二个参数 y 是纵向距离
*注意:
1.以上方法在 Firefox 上是可以的,但是用 Chrome 浏览器,发现不管用。谷歌浏览器就是这么任性,不听话,于是用以下方法解决谷歌浏览器滚动条的问题。
2.Chrome 浏览器解决办法:
js = "var q=document.body.scrollTop=0"
driver.execute_script(js)