Python Selenium Chrome无头模式下元素截图仅显示上半部分如何解决

Chrome无头模式默认启动的窗口分辨率仅为800x600，当待截取的元素高度超出默认视口范围时，浏览器只会渲染可见区域的内容，最终导致截图只保留上半部分。有头模式下窗口会自动适配内容/手动调整的尺寸，所以不会出现该问题。

• 方案1：显式指定启动窗口尺寸
  在Chrome启动参数中新增窗口大小配置，数值可根据待截取元素的实际尺寸调整，确保元素可以完全容纳在视口内：

  chrome_options = Options()
  chrome_options.add_argument('--headless')
  # 新增指定窗口尺寸参数
  chrome_options.add_argument('--window-size=1920,1080')
  
  driver = webdriver.Chrome(executable_path="C:/chromedriver.exe", options=chrome_options)
  

• 方案2：截图前滚动到目标元素位置
  如果元素本身尺寸过大，可以在截图前执行JS脚本将元素滚动到视口范围内，保证元素完整渲染：

  img = driver.find_element_by_xpath('//div[@id="qrcode"]/img')
  # 滚动到目标元素位置
  driver.execute_script("arguments[0].scrollIntoView();", img)
  
  with open('image.png', 'wb') as f:
       f.write(img.screenshot_as_png)
  

• 方案3：使用新版无头模式（Chrome 112及以上版本适用）
  Chrome 112之后推出了新版无头模式，渲染逻辑和有头模式完全一致，修复了大量旧版无头模式的渲染bug，替换原有--headless参数即可：

  chrome_options.add_argument('--headless=new')
  

如果调整后仍偶发渲染异常，可以额外添加--disable-gpu参数禁用GPU加速，避免硬件渲染导致的显示问题：
chrome_options.add_argument('--disable-gpu')

内容的提问来源于stack exchange，提问作者Fishy