快捷導(dǎo)航

Python使用Selenium時(shí)遇到網(wǎng)頁(yè)＜body＞劃不動(dòng)的問(wèn)題解決方法

更新時(shí)間：2024年10月12日 09:18:53 作者：wdxylb

如果在使用 Selenium 時(shí)遇到網(wǎng)頁(yè)的 <body> 劃不動(dòng)的問(wèn)題,這通常是因?yàn)轫?yè)面的滾動(dòng)機(jī)制（例如,可能使用了一個(gè)具有固定高度的容器或自定義的滾動(dòng)條）導(dǎo)致無(wú)法通過(guò)簡(jiǎn)單的 JavaScript 實(shí)現(xiàn)滾動(dòng),可以通過(guò)以下方法來(lái)解決該問(wèn)題

前言

如果在使用 Selenium 時(shí)遇到網(wǎng)頁(yè)的 <body> 劃不動(dòng)的問(wèn)題，這通常是因?yàn)轫?yè)面的滾動(dòng)機(jī)制（例如，可能使用了一個(gè)具有固定高度的容器或自定義的滾動(dòng)條）導(dǎo)致無(wú)法通過(guò)簡(jiǎn)單的 JavaScript 實(shí)現(xiàn)滾動(dòng)?？梢酝ㄟ^(guò)以下方法來(lái)解決該問(wèn)題。

1. 查找可滾動(dòng)的元素

查看頁(yè)面上是否有特定的可滾動(dòng)元素，而不是直接滾動(dòng)整個(gè) <body>。例如，有些網(wǎng)頁(yè)會(huì)使用 <div> 或其他容器來(lái)顯示內(nèi)容，這種元素可能有 overflow: auto 或 overflow: scroll 屬性?？梢試L試定位那個(gè)容器并對(duì)其進(jìn)行滾動(dòng)。

例如：

scrollable_div = driver.find_element(By.CSS_SELECTOR, 'div.scrollable-container')  # 替換為實(shí)際的選擇器
driver.execute_script("arguments[0].scrollTop = arguments[0].scrollHeight", scrollable_div)

driver.execute_script("arguments[0].scrollTop = arguments[0].scrollHeight", scrollable_div) 是 Selenium 中使用 JavaScript 來(lái)執(zhí)行頁(yè)面滾動(dòng)操作的一種方式。具體來(lái)說(shuō)，這行代碼的作用是將指定的元素（在代碼中名為 scrollable_div）滾動(dòng)到底部。

arguments[0]：這是 JavaScript 中的參數(shù)傳遞方式。當(dāng)您調(diào)用 driver.execute_script 時(shí)，傳遞的第二個(gè)參數(shù)（即 scrollable_div）會(huì)作為 arguments[0] 傳遞到 JavaScript 代碼中。
scrollTop：這是 DOM 元素的一個(gè)屬性，表示元素當(dāng)前垂直滾動(dòng)的像素?cái)?shù)。通過(guò)設(shè)置這個(gè)值，可以控制元素的滾動(dòng)位置。
scrollHeight：這是 DOM 元素的一個(gè)屬性，表示元素內(nèi)容的總高度（包括因溢出而不可見(jiàn)的內(nèi)容）。

要解決的問(wèn)題是滾動(dòng)到某個(gè)容器元素的底部，而不是整個(gè)頁(yè)面。假設(shè)頁(yè)面中有一個(gè) div 包含大量?jī)?nèi)容，并且這個(gè) div 有自己的滾動(dòng)條。通過(guò)將這個(gè) div 的 scrollTop 設(shè)置為其 scrollHeight，可以實(shí)現(xiàn)將該 div 的內(nèi)容滾動(dòng)到底部。

2. 使用 JavaScript 滾動(dòng)

如果是 <body> 無(wú)法滾動(dòng)，可以使用 JavaScript 來(lái)嘗試不同的滾動(dòng)方法，例如直接調(diào)整 scrollTop 值。比如，向下移動(dòng)一定的像素：

driver.execute_script("window.scrollBy(0, 500);")  # 向下滾動(dòng) 500 像素

3. 檢查 page-load 狀態(tài)

確保在進(jìn)行滾動(dòng)之前，頁(yè)面已完全加載。使用顯式等待確認(rèn)頁(yè)面的狀態(tài)。例如，使用 WebDriverWait 來(lái)等待某個(gè)元素的加載：

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')))  # 替換為實(shí)際的類名

4. 循環(huán)滾動(dòng)

如果需要滾動(dòng)整個(gè)頁(yè)面，可以使用一個(gè)循環(huán)，不斷檢查滾動(dòng)高度的變化，直到到達(dá)頁(yè)面底部。這是一個(gè)常見(jiàn)的處理無(wú)限滾動(dòng)列表的方法：

last_height = driver.execute_script("return document.body.scrollHeight")
 
while True:
    driver.execute_script("window.scrollTo(0, document.body.scrollHeight);")
    time.sleep(2)  # 等待加載新內(nèi)容
 
    new_height = driver.execute_script("return document.body.scrollHeight")
    if new_height == last_height:
        break  # 到達(dá)底部，停止?jié)L動(dòng)
    last_height = new_height

5. 使用 Actions 類進(jìn)行滾動(dòng)

使用 Selenium 的 ActionChains 可以模擬按鍵或鼠標(biāo)事件，進(jìn)行更復(fù)雜的用戶交互，例如按“向下箭頭”鍵：

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)  # 等待一會(huì)兒，以便內(nèi)容加載

當(dāng)然也可以在控制臺(tái)中直接模擬下拉（即向下滾動(dòng)）操作，使用 JavaScript 來(lái)實(shí)現(xiàn)。以下是如何在控制臺(tái)中執(zhí)行 JavaScript 代碼來(lái)實(shí)現(xiàn)下拉操作的步驟。

JavaScript 代碼操作步驟

1. 打開(kāi)瀏覽器控制臺(tái)

首先，打開(kāi)你想要操作的網(wǎng)頁(yè)，然后按下 F12 鍵或者右鍵點(diǎn)擊頁(yè)面并選擇“檢查”來(lái)打開(kāi)開(kāi)發(fā)者工具。然后在開(kāi)發(fā)者工具中切換到“控制臺(tái)”標(biāo)簽。

2. 找到可滾動(dòng)的元素

假設(shè)你要滾動(dòng)的元素是一個(gè) div，并且它的類名是 __vuescroll。你需要先找到這個(gè)元素。

3. 編寫(xiě) JavaScript 代碼來(lái)下拉

在控制臺(tái)中輸入以下 JavaScript 代碼，這將使指定的 div 向下滾動(dòng)：

// 找到你要操作的 div 元素
var scrollableDiv = document.querySelector('div.__vuescroll.hasVBar');
 
// 如果找到了這個(gè) div
if (scrollableDiv) {
    // 將 div 滾動(dòng)到最底部
    scrollableDiv.scrollTop = scrollableDiv.scrollHeight;
} else {
    console.error('沒(méi)有找到可滾動(dòng)的 div 元素');
}

代碼解釋

document.querySelector('div.__vuescroll.hasVBar')：通過(guò) CSS 選擇器找到類名為 __vuescroll 并且有 hasVBar 類的 div 元素。
scrollTop = scrollableDiv.scrollHeight：將元素的 scrollTop 屬性設(shè)置為元素的 scrollHeight（元素內(nèi)容的總高度），這將使元素滾動(dòng)到最底部。

4. 執(zhí)行代碼

在控制臺(tái)中輸入或粘貼上述代碼，然后按下 Enter 鍵。這將使指定的 div 元素滾動(dòng)到最底部。

逐步滾動(dòng)

如果你想要逐步滾動(dòng)而不是一次性滾動(dòng)到底部，可以使用以下代碼：

// 找到你要操作的 div 元素
var scrollableDiv = document.querySelector('div.__vuescroll.hasVBar');
 
// 如果找到了這個(gè) div
if (scrollableDiv) {
    // 當(dāng)前的 scrollTop 值
    var currentScrollTop = scrollableDiv.scrollTop;
    
    // 每次增加 100 像素，逐步滾動(dòng)到底部
    var scrollInterval = setInterval(function() {
        // 每次增加 100 像素
        currentScrollTop += 100;
        
        // 設(shè)置新的 scrollTop 值
        scrollableDiv.scrollTop = currentScrollTop;
        
        // 如果已經(jīng)滾動(dòng)到底部，停止定時(shí)器
        if (currentScrollTop >= scrollableDiv.scrollHeight) {
            clearInterval(scrollInterval);
        }
    }, 100); // 每 100 毫秒執(zhí)行一次
} else {
    console.error('沒(méi)有找到可滾動(dòng)的 div 元素');
}

代碼解釋

setInterval：每 100 毫秒執(zhí)行一次滾動(dòng)操作。
currentScrollTop += 100：每次增加 100 像素。
clearInterval(scrollInterval)：當(dāng)滾動(dòng)到底部時(shí)，清除定時(shí)器，停止?jié)L動(dòng)。

通過(guò)在瀏覽器的控制臺(tái)中輸入 JavaScript 代碼，你可以直接模擬向下滾動(dòng)操作。根據(jù)需要，你可以一次性滾動(dòng)到底部，或者逐步增加 scrollTop 的值來(lái)實(shí)現(xiàn)平滑的滾動(dòng)效果。

以上就是Python使用Selenium時(shí)遇到網(wǎng)頁(yè)＜body＞劃不動(dòng)的問(wèn)題解決方法的詳細(xì)內(nèi)容，更多關(guān)于Python Selenium網(wǎng)頁(yè)＜body＞劃不動(dòng)的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: