【Selenium】一网打尽小窗口滑动 & 全窗口滑动-Toy模板网

这篇具有很好参考价值的文章主要介绍了【Selenium】一网打尽小窗口滑动 & 全窗口滑动。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

前言

收到小伙伴私信，如果web页面中含有小页面，该怎样使用Selenium去滑动小页面，这里总结记录一下。

知识点📖📖

都是JavaScript的知识~~

方法	释义
window.scrollBy(x,y)	滑动指定的x和y的距离
document.body.scrollHeight	元素内容高度的度量
document.querySelector()	根据指定选择器查找元素
getElementById()	根据id获取元素
getElementsByClassName()	根据class name 获取元素
getElementsByName()	根据name 获取元素
getElementsByTagName()	根据 tag name 获取元素
…	…

看下图

https://developer.mozilla.org/zh-CN/docs/Web/API/Document/querySelector

关于页面滑动

window对象可以，Element也可以
https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollBy

完整代码

window滑动

// 直接滑动
window.scrollBy(0, document.body.scrollHeight)

元素滑动

// 先定位
element = document.getElementsByClassName("xxx")[0]
// 再滑动
element.scrollBy(0, document.body.scrollHeight)

123

实现🐱‍🏍🐱‍🏍

Selenium执行Js代码

在使用Selenium时候，需要进行页面滑动都是通过执行Js代码的方式。这里也不例外~
Selenium执行Js代码示例代码如下

from selenium import webdriver

if __name__ == '__main__':
    driver = webdriver.Chrome()
    js_code = 'alert("Hello World!")'
    driver.execute_script(script=js_code)

代码运行效果如下动图所示：

执行了 alert("Hello World!")，在浏览器控制台输入 alert("Hello World!") 也是一样的效果~

=========================================================

全窗口滑动

从下图中可以看到，

document.body.scrollHeight，页面高度
window.scrollBy(0, 1500)，将页面往下滚动1500的高度

Selenium执行的代码如下：

js_code = 'window.scrollBy(0, 1500)'	# 滑动指定距离
js_code = 'window.scrollBy(0, document.body.scrollHeight)'	# 滑动到底
driver.execute_script(script=js_code)

小窗口滑动

这个比全窗口要多一个操作，那就是先定位到小窗口

这里不针对任何网站，所以只介绍思路，思路是通用的~

假设小窗口的html标签如下，

<div class="hello" id="world" name="frica">

通过上面介绍的 getElementsByClassName()... 可以轻松定位到，

// 这里是三种定位方式，当然，定位的方式还有好几种，不做过多描述！
document.getElementsByClassName("hello")
document.getElementById("world")
document.getElementsByName("frica")

然后再进行滑动就完事了

这里还需要注意一下返回对象类型，有的是数组对象，有的元素对象~

document.getElementsByClassName('hello')[0].scrollBy(0, 1000)
//
document.getElementById("world").scrollBy(0, 1000)
...

Selenium执行的代码如下：

js_code = 'document.getElementsByClassName("hello")[0].scrollBy(0, 1500)'	# 滑动指定距离
js_code = 'document.getElementsByClassName("hello")[0].scrollBy(0, document.body.scrollHeight)'	# 滑动到底
driver.execute_script(script=js_code)