Python Selenium点击Cookie同意按钮报点击拦截异常问题

问题场景 #

需要爬取目标站点内容，操作前需先关闭页面弹出的Cookie授权提示弹窗，初始实现代码如下：

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

PATH="C:\\Program Files (x86)\\chromedriver.exe"
driver=webdriver.Chrome(PATH)
driver.maximize_window()
url='https://dait.interno.gov.it/elezioni/open-data'
driver.get(url)
sel='#popup-buttons > button.agree-button.eu-cookie-compliance-default-button'
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR,sel))).click()

该代码仅首次运行成功，后续未修改任何代码的情况下均执行失败，抛出如下异常：

selenium.common.exceptions.ElementClickInterceptedException: Message: element click intercepted: Element is not clickable at point

代码中使用的CSS定位器为浏览器开发者工具「复制选择器」功能直接生成的路径。

故障原因 #

*ElementClickInterceptedException*本质是Selenium模拟人工点击时，计算出的目标元素坐标点被其他元素遮挡，无法触发点击。
首次运行时浏览器无缓存，页面资源按顺序加载，Cookie按钮加载完成时上方没有其他遮挡元素，因此点击成功；后续运行有缓存加持，页面资源加载速度变快，Cookie按钮先达到「可点击」状态，但此时页面顶部导航、加载遮罩、临时横幅等元素还没完成渲染/隐藏，刚好覆盖在按钮的点击坐标上，就会触发拦截报错。另外浏览器自动复制的选择器是严格DOM层级路径，容错率极低，只要页面DOM结构因为加载状态出现微小变动，就可能定位到被遮挡的元素实例。

修复方案 #

优先选第一种方案，稳定性最高，不需要额外等待遮罩消失：

• 方案1：通过JavaScript执行点击，绕过前端的元素遮挡校验
  Selenium自带的click()是模拟真实鼠标点击，会校验坐标点是否被遮挡，而JS触发点击不需要元素处于可见可交互状态，直接绑定事件触发即可。将原有点击逻辑替换为如下代码：

  sel = 'button.eu-cookie-compliance-default-button'
  agree_btn = WebDriverWait(driver, 20).until(EC.presence_of_element_located((By.CSS_SELECTOR,sel)))
  driver.execute_script("arguments[0].click();", agree_btn)
  

  这里同时简化了选择器，去掉了严格的父级路径限制，只要页面上存在Cookie同意按钮就能定位到，不会因为DOM层级变动定位失败。
• 方案2：等待所有遮挡元素消失后再执行原生点击
  如果必须用模拟原生点击的逻辑，可以在点击前先滚动到按钮位置，等待页面所有加载遮罩隐藏后再触发点击：

  sel = 'button.eu-cookie-compliance-default-button'
  agree_btn = WebDriverWait(driver, 20).until(EC.presence_of_element_located((By.CSS_SELECTOR,sel)))
  # 滚动到按钮位置，避免被页头遮挡
  driver.execute_script("arguments[0].scrollIntoView({block: 'center'});", agree_btn)
  # 等待所有加载遮罩、弹窗类遮挡元素消失
  WebDriverWait(driver, 10).until(EC.invisibility_of_element_located((By.CSS_SELECTOR, '.overlay, .loading, .modal-backdrop')))
  agree_btn.click()
  

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