Selenium无法点击网站覆盖层按钮及下拉菜单问题求助

问题描述 #

使用以下Python代码启动Chrome浏览器访问https://online.depo-diy.lt后，无法选择页面下拉菜单中的选项，也无法点击确认按钮。检查driver.window_handles仅发现一个窗口，怀疑是页面覆盖层（overlay）导致交互失败，目前仅能通过XPath定位到按钮：//button[@class='ms-Button-flexContainer flexContainer-51']。

原driver函数代码：

def get_driver():
    options = webdriver.ChromeOptions()
#     options.add_argument("--headless")
    options.add_argument("--incognito")
    driver = webdriver.Chrome(executable_path = ChromeDriverManager().install(), chrome_options = options)
    driver.get('https://online.depo-diy.lt')
    return driver

driver = get_driver()

解决方案 #

1. 用显式等待处理动态元素 #

页面元素多为动态加载，直接操作容易出现元素未找到或不可交互的问题，必须通过WebDriverWait等待元素处于可操作状态。

2. 分步处理下拉菜单交互 #

先点击下拉框触发选项列表展开，再定位目标选项并点击：

• 定位下拉框元素（示例用XPath：//div[contains(@class, 'ms-Dropdown-title')]，可根据页面实际结构调整）
• 等待下拉框可点击后点击展开选项
• 定位目标选项并完成点击

3. 处理覆盖层与确认按钮 #

若存在覆盖层，可先等待其消失；若无法定位覆盖层，直接等待确认按钮可交互后点击即可。

完整代码示例 #

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 webdriver_manager.chrome import ChromeDriverManager

def get_driver():
    options = webdriver.ChromeOptions()
    # options.add_argument("--headless")
    options.add_argument("--incognito")
    # 注意：chrome_options已废弃，改用options参数
    driver = webdriver.Chrome(executable_path=ChromeDriverManager().install(), options=options)
    driver.get('https://online.depo-diy.lt')
    driver.maximize_window()
    return driver

driver = get_driver()
wait = WebDriverWait(driver, 10)

# 点击下拉框展开选项列表
dropdown = wait.until(EC.element_to_be_clickable((By.XPATH, "//div[contains(@class, 'ms-Dropdown-title')]")))
dropdown.click()

# 选择目标选项（示例为第一个选项，可根据需求修改XPath）
target_option = wait.until(EC.element_to_be_clickable((By.XPATH, "//div[contains(@class, 'ms-Dropdown-option')][1]")))
target_option.click()

# 等待确认按钮可点击并完成点击
confirm_btn = wait.until(EC.element_to_be_clickable((By.XPATH, "//button[@class='ms-Button-flexContainer flexContainer-51']")))
confirm_btn.click()

额外提示 #

• 如果下拉菜单是标准select标签，可使用Select类简化操作：

  from selenium.webdriver.support.ui import Select
  dropdown = wait.until(EC.visibility_of_element_located((By.TAG_NAME, "select")))
  Select(dropdown).select_by_visible_text("目标选项文本")
  

• 若覆盖层仍导致点击失败，可尝试用JavaScript强制点击：

  driver.execute_script("arguments[0].click();", confirm_btn)
  

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