Selenium在Chrome中执行网站页脚测试报ElementClickInterceptedException错误

错误根因 #

ElementClickInterceptedException 是Chrome浏览器特有的交互校验逻辑触发的报错，Chrome要求点击的元素必须完全处于视口范围内、且没有其他z-index更高的元素遮挡点击坐标点，而Firefox和Safari的点击校验逻辑更为宽松，允许点击视口外、或被部分遮挡的元素，所以相同代码在另外两个浏览器可以正常运行。

解决方案 #

• 替换硬等待为显式等待
  不要依赖固定时长的time.sleep，改用Selenium内置的显式等待逻辑，确保元素加载完成且可点击后再执行操作，示例：

  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.support import expected_conditions as EC
  from selenium.webdriver.common.by import By
  
  # 初始化等待器，最长等待10秒
  wait = WebDriverWait(driver, 10)
  cookie_banner = wait.until(EC.element_to_be_clickable((By.NAME, "accept-cookies")))
  

• 点击前滚动元素到视口中央
  页脚元素默认处于页面底部，大概率不在初始视口范围内，点击前执行JS滚动将元素移动到可视区域中央，避免被固定悬浮的头部/底部栏遮挡：

  # 所有页脚元素点击前都执行该逻辑
  driver.execute_script("arguments[0].scrollIntoView({block: 'center'});", footer_careers)
  

• 用JS点击绕过交互校验
  如果确认点击的元素没有功能层面的遮挡，只是Chrome的校验逻辑误拦截，可以直接调用原生JS执行点击操作，完全规避该报错：

  # 替换原来的元素.click()调用
  driver.execute_script("arguments[0].click();", footer_careers)
  

• 添加Chrome启动适配参数
  初始化ChromeDriver时添加以下参数，避免窗口大小不足、自动化标记触发反爬逻辑导致的元素遮挡：

  from selenium import webdriver
  
  options = webdriver.ChromeOptions()
  options.add_argument("--window-size=1920,1080")
  options.add_argument("--start-maximized")
  options.add_argument("--disable-blink-features=AutomationControlled")
  driver = webdriver.Chrome(options=options)
  

修改后的参考代码 #

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By

def check_footer(driver, url):
    driver.get(url)
    wait = WebDriverWait(driver, 10)
    # 处理cookie横幅
    cookie_banner = wait.until(EC.element_to_be_clickable((By.NAME, "accept-cookies")))
    driver.execute_script("arguments[0].click();", cookie_banner)

    # 封装通用点击逻辑
    def click_footer_element(name):
        ele = wait.until(EC.presence_of_element_located((By.NAME, name)))
        print(ele.get_attribute("outerHTML"))
        driver.execute_script("arguments[0].scrollIntoView({block: 'center'});", ele)
        driver.execute_script("arguments[0].click();", ele)
        # 等待页面跳转完成，可按需调整时长
        driver.implicitly_wait(3)

    # 依次点击所有页脚元素
    click_footer_element("footer_careers")
    click_footer_element("footer_contact")
    click_footer_element("footer_eula")
    click_footer_element("footer_privacy")
    click_footer_element("footer_terms")
    click_footer_element("footer_about")

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