selenium之js处理滚动条操作

selenium之js处理滚动条操作
在网页当中,页面存在滚动条,而你要操作的元素在当前屏幕可见区域之外。那么需要使用滚动条滚动到该元素处,然后再操作它。
selenium当中的使用execute_script方法执行js语句来实现滚动给你。
execute_script(“arguments[0].scrollIntoView();”,target)
其中target为find_element_by_xx找到的元素对象
几种滚动方式如下:

移动到元素element对象的“底端”与当前窗口的“底部”对齐: driver.execute_script(‘arguments[0].scrollIntoView(false);’,element)

移动到元素element对象的“顶端”与当前窗口的“顶部”对齐: driver.execute_script(‘arguments[0].scrollIntoView();’,element)
driver.execute_script(‘arguments[0].scrollIntoView(true);’,element)

移动到页面底部
driver.execute_script(“window.scrollTo(0,document.body.scrollHeight)”)

移动到页面顶部
driver.execute_script(“window.scrollTo(document.body.scrollHeight,0)”)
操作步骤:
1.通过selenium的查找元素方法先找到元素
2.通过执行js语句,将元素滚动到可见区域中
实例操作如下:

from selenium import webdriver
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By
import time

driver = webdriver.Chrome()

driver.get("http://www.baidu.com")
driver.maximize_window()

element = driver.find_element_by_id("kw")   # WebElement对象 - 1个对象对应1个元素
element.send_keys("selenium webdriver")
driver.find_element_by_id('su').click()  # 带来了内容上的变化

# loc = (By.XPATH,'//div[@id="page"]//span[text()="2"]')
loc = (By.XPATH,'//a[text()="使用(一) - hello秘密花园 - ..."]')
WebDriverWait(driver,10).until(EC.visibility_of_element_located(loc))
a = driver.find_element(*loc)
print("测试元素")

##js函数-元素对象。scrollIntoView
# driver.execute_script('arguments[0].scrollIntoView(false);',a)
# a.click()

# 滚动到页面底部
driver.execute_script("window.scrollTo(0,document.body.scrollHeight)")
time.sleep(4)

# 滚动到页面顶部
driver.execute_script("window.scrollTo(document.body.scrollHeight,0)")


window.scrollTo()方法,通过坐标控制边距
window.scrollTo(左边距,上边距)
代码实例如下:

from selenium import webdriver
import time
driver = webdriver.Chrome()
driver.get("http://www.baidu.com")
driver.set_window_size(800,600)
driver.find_element_by_id("kw").send_keys("selenium")
driver.find_element_by_id("su").click()
time.sleep(3)

#通过Javascript设置浏览器窗口的滚动条位置
js = "window.scrollTo(200,450);"
driver.execute_script(js)

————————————————
版权声明:本文为CSDN博主「杰森斯坦森1150」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/guiyin1150/article/details/108467577

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答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代码,因此还可以根据具体需要进行其他滚动操作
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值