利用Selenium控制网页内嵌滚动条

在利用Selenium写网页爬虫的时候,我们会经常碰到网页内嵌滚动条,如下网页:
新浪微盘 周杰伦歌曲合集

那么该如何控制该内嵌滚动条的行为呢?我们的主要思路是:先找到滚动条,再利用Selenium中的命令:ActionChains(browser).drag_and_drop_by_offset(element, xOffset, yOffset).perform()

找到元素element,设置好里面的xOffset和yOffset,这样便能够控制滚动条的上下移动了。
笔者写了这样一段Python程序代码以展示如何控制网页内嵌滚动条:

from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains

browser = webdriver.Chrome() #加载Chrome浏览器
browser.maximize_window() #最大化
browser.get('http://vdisk.weibo.com/s/arjVBmagFKiLy') #加载该页面
for i in range(10):
    Drag = browser.find_element_by_class_name("jspDrag") #找到滚动条
    #控制滚动条的行为,每次向y轴(及向下)移动10个单位
    ActionChains(browser).drag_and_drop_by_offset(Drag, 0, 10).perform()
    time.sleep(2) #休眠2秒

当我们能够控制网页内嵌滚动条的行为时,我们就能够进行一些更为有趣的操作了,期待下一篇分享^O^.

  • 7
    点赞
  • 35
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
### 回答1: Selenium 可以通过 JavaScript 代码控制网页内置滚动条,例如:driver.executeScript("window.scrollBy(x,y)"); 其中 x 和 y 是滚动条滚动的像素数。 ### 回答2: 使用Selenium控制网页内置滚动条,需要使用WebDriver的一些方法和属性。 首先,我们需要定位到具有滚动条的元素,可以是整个网页或特定的窗口或框架。可以使用`driver.switch_to.frame()`方法来切换到窗口或框架,然后使用其他定位元素的方法来定位具有滚动条的元素。 一旦定位到元素,我们可以使用`execute_script()`方法来执行JavaScript代码,以模拟滚动条的操作。例如,我们可以使用JavaScript的`scrollIntoView()`方法将元素滚动到可见区域,或使用`scrollBy()`方法按照指定的像素数垂直或水平滚动。 以下是一个示例代码: ```python from selenium import webdriver driver = webdriver.Chrome() # 假设使用Chrome浏览器 driver.get("http://example.com") # 打开一个网页 # 定位到具有滚动条的元素 element = driver.find_element_by_css_selector("body") # 将元素滚动到可见区域 driver.execute_script("arguments[0].scrollIntoView();", element) # 垂直滚动到指定的像素数 driver.execute_script("window.scrollBy(0, 200);") # 水平滚动到指定的像素数 driver.execute_script("window.scrollBy(200, 0);") ``` 上述代码的执行过程如下: 1. 打开Chrome浏览器,并打开一个网页。 2. 定位到具有滚动条的元素(此处为整个网页的`body`元素)。 3. 执行JavaScript代码将元素滚动到可见区域。 4. 执行JavaScript代码垂直滚动页面200个像素。 5. 执行JavaScript代码水平滚动页面200个像素。 通过以上步骤,我们可以使用Selenium控制网页内置滚动条的操作。注意,使用`execute_script()`方法可以执行任意的JavaScript代码,因此还可以根据具体需要进行其他滚动操作。
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值