Selenium 截图被砍掉了

Question

我正在尝试对长页面的不同元素（在不同部分）进行屏幕截图。我拍摄的第一个屏幕截图靠近页面顶部，没有被截断：

但是，一旦 selenium 必须滚动以截取元素的屏幕截图，屏幕截图就会被截断：

我很确定发生这种情况是因为 selenium 没有滚动到足以显示整个元素的程度，因此截取的屏幕截图不完整 – 但我不知道如何解决这个问题.任何帮助将不胜感激。下面是我到目前为止的代码（元素的屏幕截图发生在代码的最后几行）：

from time import sleep
from os import chdir
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.chrome.service import Service
from webdriver_manager.chrome import ChromeDriverManager

option = webdriver.ChromeOptions()
option.add_experimental_option("excludeSwitches", ["enable-automation"])
option.add_experimental_option('useAutomationExtension', False)
option.add_argument("--disable-infobars")
option.add_argument("start-maximized")
option.add_argument("--disable-extensions")
option.add_experimental_option("detach", True)
option.add_experimental_option("prefs", { 
    "profile.default_content_setting_values.notifications": 2 
})

driver = webdriver.Chrome(service=Service(ChromeDriverManager().install()),options=option)
driver.get("https://www.reddit.com/r/AskReddit/")

#Show top reddit posts on the subreddit
topButton = WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "/html/body/div[1]/div/div[2]/div[2]/div/div/div/div[2]/div[4]/div[1]/div[1]/div[2]/a[3]")))
topButton.click()

#Topic
topic = WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, '/html/body/div[1]/div/div[2]/div[2]/div/div/div/div[2]/div[4]/div[1]/div[4]/div[2]')))
topic.click()
sleep(1)
topicText = driver.find_element(By.XPATH, '/html/body/div[1]/div/div[2]/div[3]/div/div/div/div[2]/div[1]/div[2]/div[1]/div/div[3]/div[1]/div/h1').text
topicPicture = driver.find_element(By.XPATH, '/html/body/div[1]/div/div[2]/div[3]/div/div/div/div[2]/div[1]/div[2]/div[1]/div')
chdir(r'C:\Users\jack_l\Documents\PLAYING_WITH_REDDIT\currentVideo')
topicPicture.screenshot('topic.png')

#Comments
comment = ''
verified = 0
counter4 = 0

while(verified <= 10):
    try:
        comment = driver.find_element(By.XPATH, '/html/body/div[1]/div/div[2]/div[3]/div/div/div/div[2]/div[1]/div[2]/div[5]/div/div/div/div['+str(counter4)+']')
    except Exception:
        counter4 = counter4+1
    else:
        if 'level 1' in comment.text:
            comment.screenshot('comment '+str(verified)+'.png')
            verified = verified + 1
        counter4 = counter4+1

Answer 1

在 comment 定义之后的 try 块中添加此行。它所做的只是简单地向下滚动，使网络元素 comment 位于页面的中心。这样就可以全屏截图了

try:
    comment = driver.find_element(By.XPATH, '...')
    driver.execute_script('arguments[0].scrollIntoView({block: "center"});', comment)
except:
    ...

Selenium 截图被砍掉了

Selenium screenshots are chopped off

html

python

selenium

selenium-chromedriver

selenium-webdriver