使用ChromeDriver截图时遇JavaScript错误：Cannot read properties of null (reading 'parentNode')

这个错误是ChromeDriver执行截图相关JS逻辑时，找不到目标元素的父节点导致的，通常和元素DOM状态异常、版本兼容或页面渲染问题有关，以下是具体解决办法：

• 确保目标元素稳定存在
  截图前必须等待元素处于可见/可交互状态，避免页面未加载完成就触发截图。以Python为例：

  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.support import expected_conditions as EC
  from selenium.webdriver.common.by import By
  
  # 等待目标元素可见，最长等待10秒
  WebDriverWait(driver, 10).until(EC.visibility_of_element_located((By.ID, "your-element-id")))
  # 执行截图
  driver.save_screenshot("output.png")
  

  若截取整个页面，可等待页面完全加载完成：

  WebDriverWait(driver, 10).until(lambda d: d.execute_script('return document.readyState') == 'complete')
  

• 添加Chrome启动参数规避渲染异常
  部分ChromeDriver与Chrome版本组合会出现渲染上下文问题，启动时添加以下参数：

  from selenium import webdriver
  
  options = webdriver.ChromeOptions()
  options.add_argument("--disable-extensions")
  options.add_argument("--no-sandbox")
  options.add_argument("--disable-dev-shm-usage")
  driver = webdriver.Chrome(options=options)
  

• 等待页面动态操作完成
  如果页面存在动画、AJAX请求或框架渲染更新，要等待这些操作结束后再截图。比如等待加载 spinner 消失：

  WebDriverWait(driver, 10).until(EC.invisibility_of_element_located((By.CLASS_NAME, "loading-spinner")))
  

• 匹配ChromeDriver与Chrome版本
  ChromeDriver版本必须和本地Chrome浏览器大版本一致（如Chrome 118对应ChromeDriver 118.x），版本不兼容极易引发DOM操作类错误，直接下载对应版本即可。

• 切换截图方式
  若单个元素截图报错，可先截取整个页面再裁剪元素区域（需依赖PIL库）：

  driver.save_screenshot("full-page.png")
  from PIL import Image
  
  element = driver.find_element(By.ID, "your-element-id")
  loc = element.location
  size = element.size
  img = Image.open("full-page.png")
  cropped = img.crop((loc['x'], loc['y'], loc['x']+size['width'], loc['y']+size['height']))
  cropped.save("element-shot.png")
  

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