当页面长度超过一页屏幕时,如果需要定位的元素在下一屏幕,直接定位会报错:元素不可见。这时候就需要滑动浏览器的滚动条,滑动到该元素的页面再进行定位才可以成功。滚动条在selenium中没有直接的操作方法,需要使用js并结合selenium提供的execute_script()方法,达到操作滚动条的目的。
介绍还是使用腾讯企业邮箱,查看已删除目录下的删信记录查询中登陆查询信息很多,需要上下滑动滚动条进行查看。
企业邮箱页面
登陆账户并定位到上述页面
登陆成功,定位“已删除”,在已删除页面,定位“删信记录查询”,但是因为该页面包含iframe,所以需要使用driver.("mainFrame"),使用CSS定位到登陆查询页。
上下滑动滚动条
这里通过scrollTop的值控制进度条滑动的程度,“0”代表滑动到顶部,“10000”代表滑动到最底部。
横向移动滚动条
现在的大屏幕社会,浏览器最大化时,基本上不会出现横向滚动的需求,但是这里也说下操作。
使用window.scrollTo(x,y)方法不仅可以横向移动,也支持纵向移动,第一个参数 x 是横向距离,第二个参数 y 是纵向距离。
window.scrollTo(x,y)也可以做为纵向移动,或者两者结合使用:
滑动到顶部:window.scrollTo(0,0)
滑动到底部:window.scrollTo(0,document.body.scrollHeight)
document.body.scrollHeight:获取滚动条的高度
元素可视化定位
上面介绍了浏览器滚动条操作,但是并没有确定需要定位元素的位置,当待操作元素在可视区外,就需要操作该元素滚动到可视区内。
使用js的scrollIntoView函数将遮挡的元素滚动到可见屏幕上
scrollIntoView(true)表示将元素滚动到屏幕中间
scrollIntoView(false)表示将元素滚动到屏幕底部