Selenium 4+GeckoDriver无法定位可见元素的技术求助

使用Selenium搭配GeckoDriver访问FACEIT锦标赛页面时，尝试点击目标元素返回无法定位，已添加等待确保元素可见仍无效，但页面左侧其他元素可正常点击。

初始化代码 #

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

options = FirefoxOptions()
options.binary_location = r'D:\Archivos de programas\firefox.exe'
profile_path = r'C:/Users/Isaac/AppData/Roaming/Mozilla/Firefox/Profiles/lpq195ye.eloimusqueira'

options.profile = profile_path

driver = webdriver.Firefox(options=options)
driver.get('http://www.faceit.com/en/tournaments')
element = driver.find_element(By.CSS_SELECTOR, 'div.sc-cjaHrE:nth-child(4) > a:nth-child(1)')
element.click()

目标元素HTML结构 #

<div class="sc-jaVtyD bVVXki">
  <div class="sc-cjaHrE bmcaef sc-ieXEqj sc-gZIk cKFQjo iIPvdc">
    <a href="/en/championship/b921e728-c3d8-495c-8264-c858ce3eacce/Double%20Tap" class="sc-eBrWha ebVZdP">
      <div class="sc-iYhvPj bHbeQq">
        <div class="sc-iYhvPj bHbeQq">
          <div class="sc-irRVhh iibNNB">
            <span class="sc-bHMEaB gpNZjM">In 52 minutes, 20:00 GMT+1</span>
            <span class="sc-hZjMBx jzVAEl">Double Tap</span>
            <!-- 省略其余子元素 -->
          </div>
        </div>
      </div>
    </a>
  </div>
</div>

解决方案 #

1. 替换动态类选择器 #

代码中使用的sc-cjaHrE这类以sc-开头的类名是前端框架动态生成的，页面更新后会变化，改用稳定的定位方式：

• 通过元素内的“Double Tap”文本定位
• 通过a标签href包含/en/championship/的特征定位

2. 优化等待逻辑 #

使用WebDriverWait等待元素可点击，而非仅可见，确保元素完全加载完成。

3. 备选点击方式 #

如果元素被遮挡或点击失效，可改用JavaScript执行点击，或者ActionChains模拟用户点击。

修改后的代码示例 #

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

options = FirefoxOptions()
options.binary_location = r'D:\Archivos de programas\firefox.exe'
profile_path = r'C:/Users/Isaac/AppData/Roaming/Mozilla/Firefox/Profiles/lpq195ye.eloimusqueira'

options.profile = profile_path

driver = webdriver.Firefox(options=options)
driver.get('http://www.faceit.com/en/tournaments')

# 方式1：通过文本定位元素
wait = WebDriverWait(driver, 10)
element = wait.until(EC.element_to_be_clickable((By.XPATH, "//span[text()='Double Tap']/ancestor::a")))
element.click()

# 方式2：通过href部分匹配（备选）
# element = wait.until(EC.element_to_be_clickable((By.CSS_SELECTOR, "a[href*='/en/championship/']")))
# element.click()

# 方式3：JavaScript点击（如果前两种失效）
# driver.execute_script("arguments[0].click();", element)

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