Python使用Selenium时遇到网页<body>划不动的问题解决方法

 更新时间:2024年10月12日 09:18:53   作者:wdxylb  
如果在使用 Selenium 时遇到网页的 <body> 划不动的问题,这通常是因为页面的滚动机制(例如,可能使用了一个具有固定高度的容器或自定义的滚动条)导致无法通过简单的 JavaScript 实现滚动,可以通过以下方法来解决该问题

前言

如果在使用 Selenium 时遇到网页的 <body> 划不动的问题,这通常是因为页面的滚动机制(例如,可能使用了一个具有固定高度的容器或自定义的滚动条)导致无法通过简单的 JavaScript 实现滚动。可以通过以下方法来解决该问题。

1. 查找可滚动的元素

查看页面上是否有特定的可滚动元素,而不是直接滚动整个 <body>。例如,有些网页会使用 <div> 或其他容器来显示内容,这种元素可能有 overflow: auto 或 overflow: scroll 属性。可以尝试定位那个容器并对其进行滚动。

例如:

scrollable_div = driver.find_element(By.CSS_SELECTOR, 'div.scrollable-container')  # 替换为实际的选择器
driver.execute_script("arguments[0].scrollTop = arguments[0].scrollHeight", scrollable_div)

driver.execute_script("arguments[0].scrollTop = arguments[0].scrollHeight", scrollable_div) 是 Selenium 中使用 JavaScript 来执行页面滚动操作的一种方式。具体来说,这行代码的作用是将指定的元素(在代码中名为 scrollable_div)滚动到底部。 

  • arguments[0]:这是 JavaScript 中的参数传递方式。当您调用 driver.execute_script 时,传递的第二个参数(即 scrollable_div)会作为 arguments[0] 传递到 JavaScript 代码中。
  • scrollTop:这是 DOM 元素的一个属性,表示元素当前垂直滚动的像素数。通过设置这个值,可以控制元素的滚动位置。
  • scrollHeight:这是 DOM 元素的一个属性,表示元素内容的总高度(包括因溢出而不可见的内容)。

要解决的问题是滚动到某个容器元素的底部,而不是整个页面。假设页面中有一个 div 包含大量内容,并且这个 div 有自己的滚动条。通过将这个 div 的 scrollTop 设置为其 scrollHeight,可以实现将该 div 的内容滚动到底部。 

2. 使用 JavaScript 滚动

如果是 <body> 无法滚动,可以使用 JavaScript 来尝试不同的滚动方法,例如直接调整 scrollTop 值。比如,向下移动一定的像素:

driver.execute_script("window.scrollBy(0, 500);")  # 向下滚动 500 像素

3. 检查 page-load 状态

确保在进行滚动之前,页面已完全加载。使用显式等待确认页面的状态。例如,使用 WebDriverWait 来等待某个元素的加载:

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
 
WebDriverWait(driver, 10).until(EC.presence_of_element_located((By.CLASS_NAME, 'your-element-class')))  # 替换为实际的类名

4. 循环滚动

如果需要滚动整个页面,可以使用一个循环,不断检查滚动高度的变化,直到到达页面底部。这是一个常见的处理无限滚动列表的方法:

last_height = driver.execute_script("return document.body.scrollHeight")
 
while True:
    driver.execute_script("window.scrollTo(0, document.body.scrollHeight);")
    time.sleep(2)  # 等待加载新内容
 
    new_height = driver.execute_script("return document.body.scrollHeight")
    if new_height == last_height:
        break  # 到达底部,停止滚动
    last_height = new_height

5. 使用 Actions 类进行滚动

使用 Selenium 的 ActionChains 可以模拟按键或鼠标事件,进行更复杂的用户交互,例如按“向下箭头”键:

from selenium.webdriver.common.action_chains import ActionChains
 
actions = ActionChains(driver)
for _ in range(10):  # 示例:按下10次向下箭头
    actions.send_keys(Keys.ARROW_DOWN).perform()
    time.sleep(0.5)  # 等待一会儿,以便内容加载

当然也可以在控制台中直接模拟下拉(即向下滚动)操作,使用 JavaScript 来实现。以下是如何在控制台中执行 JavaScript 代码来实现下拉操作的步骤。

JavaScript 代码操作步骤

1. 打开浏览器控制台

首先,打开你想要操作的网页,然后按下 F12 键或者右键点击页面并选择“检查”来打开开发者工具。然后在开发者工具中切换到“控制台”标签。

2. 找到可滚动的元素

假设你要滚动的元素是一个 div,并且它的类名是 __vuescroll。你需要先找到这个元素。

3. 编写 JavaScript 代码来下拉

在控制台中输入以下 JavaScript 代码,这将使指定的 div 向下滚动:

// 找到你要操作的 div 元素
var scrollableDiv = document.querySelector('div.__vuescroll.hasVBar');
 
// 如果找到了这个 div
if (scrollableDiv) {
    // 将 div 滚动到最底部
    scrollableDiv.scrollTop = scrollableDiv.scrollHeight;
} else {
    console.error('没有找到可滚动的 div 元素');
}

代码解释

  • document.querySelector('div.__vuescroll.hasVBar'):通过 CSS 选择器找到类名为 __vuescroll 并且有 hasVBar 类的 div 元素。
  • scrollTop = scrollableDiv.scrollHeight:将元素的 scrollTop 属性设置为元素的 scrollHeight(元素内容的总高度),这将使元素滚动到最底部。

4. 执行代码

在控制台中输入或粘贴上述代码,然后按下 Enter 键。这将使指定的 div 元素滚动到最底部。

逐步滚动

如果你想要逐步滚动而不是一次性滚动到底部,可以使用以下代码:

// 找到你要操作的 div 元素
var scrollableDiv = document.querySelector('div.__vuescroll.hasVBar');
 
// 如果找到了这个 div
if (scrollableDiv) {
    // 当前的 scrollTop 值
    var currentScrollTop = scrollableDiv.scrollTop;
    
    // 每次增加 100 像素,逐步滚动到底部
    var scrollInterval = setInterval(function() {
        // 每次增加 100 像素
        currentScrollTop += 100;
        
        // 设置新的 scrollTop 值
        scrollableDiv.scrollTop = currentScrollTop;
        
        // 如果已经滚动到底部,停止定时器
        if (currentScrollTop >= scrollableDiv.scrollHeight) {
            clearInterval(scrollInterval);
        }
    }, 100); // 每 100 毫秒执行一次
} else {
    console.error('没有找到可滚动的 div 元素');
}

代码解释

  • setInterval:每 100 毫秒执行一次滚动操作。
  • currentScrollTop += 100:每次增加 100 像素。
  • clearInterval(scrollInterval):当滚动到底部时,清除定时器,停止滚动。

通过在浏览器的控制台中输入 JavaScript 代码,你可以直接模拟向下滚动操作。根据需要,你可以一次性滚动到底部,或者逐步增加 scrollTop 的值来实现平滑的滚动效果。 

以上就是Python使用Selenium时遇到网页<body>划不动的问题解决方法的详细内容,更多关于Python Selenium网页<body>划不动的资料请关注脚本之家其它相关文章!

相关文章

  • Python学习之内置函数总结

    Python学习之内置函数总结

    这篇文章主要为大家总结一下python 中常用的是个内置函数的使用方法,文中的示例代码讲解详细,对我们学习Python有一定的帮助,需要的可以参考一下
    2022-03-03
  • Python文件操作JSON CSV TSV Excel和Pickle文件序列化

    Python文件操作JSON CSV TSV Excel和Pickle文件序列化

    这篇文章主要为大家介绍了Python文件操作之JSON、CSV、TSV、Excel和Pickle文件序列化示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-11-11
  • Python实现调用jar或执行java代码的方法详解

    Python实现调用jar或执行java代码的方法详解

    这篇文章主要介绍了Python实现调用jar或执行java代码的方法,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • Python面试之os.system()和os.popen()的区别详析

    Python面试之os.system()和os.popen()的区别详析

    Python调用Shell,有两种方法:os.system(cmd)或os.popen(cmd)脚本执行过程中的输出内容,下面这篇文章主要给大家介绍了关于Python面试之os.system()和os.popen()区别的相关资料,需要的朋友可以参考下
    2022-06-06
  • Python与数据库交互:入门指南

    Python与数据库交互:入门指南

    这篇文章主要介绍了Python与数据库交互:入门指南的相关资料,需要的朋友可以参考下
    2023-11-11
  • python3爬取数据至mysql的方法

    python3爬取数据至mysql的方法

    这篇文章主要为大家详细介绍了python3爬取数据至mysql的方法 ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-06-06
  • Python中的sorted函数应用及文件操作详解

    Python中的sorted函数应用及文件操作详解

    这篇文章主要介绍了Python中的sorted函数应用及文件操作详解,python只能将字符串写入到文本文件,要将数值数据存储到文本本件中,必须先试用函数str()将其转换为字符串格式,需要的朋友可以参考下
    2023-12-12
  • python之PySide2安装使用及QT Designer UI设计案例教程

    python之PySide2安装使用及QT Designer UI设计案例教程

    这篇文章主要介绍了python之PySide2安装使用及QT Designer UI设计案例教程,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-07-07
  • Django瀑布流的实现示例

    Django瀑布流的实现示例

    在浏览一些网站时,经常会看到类似于这种满屏都是图片,本文主要介绍了Django瀑布流的实现示例,具有一定的参考价值,感兴趣的可以了解一下
    2023-03-03
  • Python操作word文档的示例详解

    Python操作word文档的示例详解

    本文为大家介绍了Python操作docx文档相关知识点。主要涉及的内容为python-docx ,一款可以操作Word文档(仅支持docx)的第三方库。快跟随小编一起学习一下吧
    2022-01-01

最新评论