Selenium点击异常：可见的橙色直播状态按钮无法点击

问题说明 #

使用Selenium自动化操作SoccerWay页面时，遇到以下问题：

• 定位到一组expand-icon类按钮，其中代表直播赛事的橙色按钮无法点击，其他按钮操作正常
• 报错信息：selenium.common.exceptions.ElementNotInteractableException: Element <button class="expand-icon"> could not be scrolled into view
• 已尝试btn.location_once_scrolled_into_view确保元素可见，问题仍存在
• 正常浏览器打开页面时，橙色直播按钮默认处于展开状态；但代码中的Firefox配置（含eager加载策略、自定义UA等）下按钮未展开，需保留当前配置

排查分析 #

1. 直播状态按钮交互逻辑特殊：页面可能为直播赛事按钮绑定了额外JS事件，或存在动态加载的遮挡元素（如直播悬浮提示层），导致Selenium原生点击无法触发
2. eager加载策略可能导致直播相关初始化JS未完全执行，按钮状态未正确初始化
3. 虽然按钮属性与其他按钮一致，但直播按钮的DOM渲染层级或优先级不同，Selenium的可见性检查未通过

解决方案 #

方法1：使用JavaScript点击绕过交互检查 #

Selenium原生点击会严格检查元素的可交互状态，而JavaScript点击直接触发元素的点击事件，不受可见性限制，适合处理这类特殊按钮。

方法2：检查按钮状态并等待动态加载 #

先判断按钮是否已展开（避免重复点击），同时确保直播相关元素完全加载后再执行操作。

修改后的代码示例 #

将原代码中循环点击按钮的部分替换为以下代码：

# 等待所有目标按钮加载完成
WebDriverWait(driver, 15).until(EC.presence_of_all_elements_located((By.XPATH, "//div[@data-exponload='']//button[contains(@class,'expand-icon')]")))

for btn in driver.find_elements(by=By.XPATH, value="//div[@data-exponload='']//button[contains(@class,'expand-icon')]"):
    try:
        # 将按钮滚动到视图中心，确保无遮挡
        driver.execute_script("arguments[0].scrollIntoView({block: 'center', inline: 'center'});", btn)
        time.sleep(0.2)
        
        # 检查按钮是否已展开（根据实际DOM调整父元素的expanded类判断逻辑）
        parent_container = btn.find_element(By.XPATH, "./ancestor::div[@data-exponload='']")
        if "expanded" not in parent_container.get_attribute("class"):
            # 用JS执行点击
            driver.execute_script("arguments[0].click();", btn)
        time.sleep(0.1)
    except Exception as e:
        print(f"处理按钮出错: {str(e)}")
        continue

额外优化建议 #

• 延长直播元素的等待时间（如15秒），因为直播状态是实时动态更新的，可能需要更长时间完成初始化
• 若存在直播悬浮遮挡层，可通过JS隐藏该元素：driver.execute_script("document.querySelector('.live-overlay').style.display='none';")（需根据实际DOM调整选择器）
• 避免使用time.sleep()硬等待，尽量改用WebDriverWait等待特定元素状态

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