使用Selenium无头Chrome点击分类菜单中Reports复选框超时求助

我有一个需先点击id为category的菜单才能展开选项的可选择菜单，正尝试用Chrome无头浏览器通过Selenium进行操作：

对应的HTML结构：

<div id="category" data-filters="Reports,Announcements" class="filter-form active">
  <span aria-hidden="true" class="filter-label">Category</span>
  <button aria-haspopup="dialog" aria-expanded="true" aria-controls="categoryContent" data-initial-name="Category" class="filter-values" aria-label="Category">Category</button>
  <div class="styled-select-icon arrow" aria-expanded="true"></div>
  <button aria-label="Clear Category filter" class="styled-select-icon cross"></button>
  <div id="categoryContent" role="dialog" class="filter-form-labels filter-form-labels-wide">
      <strong class="small-only">Category<button aria-label="Close filter" class="close-btn close-filter-form">x</button></strong>
      <div class="inner">
        <div>
         <input type="checkbox" id="Reports">
         <label for="Reports" data-filtergroup="category" data-value="Reports">Reports</label>
        </div>
        <div>
         <input type="checkbox" id="Announcements">
         <label for="Announcements" data-filtergroup="category" data-value="Announcements">Announcements</label>
        </div>
    </div>
</div>

*补充：驱动初始化代码：

path_driver =  'chromedriver'
chrome_options = ChromeOptions()
chrome_options.add_argument('--headless')
chrome_options.add_argument('--no-sandbox')
chrome_options.add_argument('--disable-dev-shm-usage')
chrome_options.add_argument('--disable-gpu')
chrome_options.add_argument(("User-Agent=Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.79 Safari/537.36"))
chrome_options.add_argument('window-size=1920x1080')
driver = webdriver.Chrome(executable_path=path_driver,options=chrome_options)

我认为已通过以下代码成功点击id为category的菜单：

driver.execute_script("arguments[0].click();", WebDriverWait(self.driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//div[@id='category']" ))))

但无法点击id为Reports的input复选框，代码如下：

driver.execute_script("arguments[0].click();", WebDriverWait(self.driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//input[@id='Reports']" ))))

尝试时仅得到空白错误信息的超时异常：

selenium.common.exceptions.TimeoutException: Message:

1. 修正菜单触发元素 #

当前点击的是div#category，但实际负责展开菜单的是内部的<button class="filter-values">按钮。直接点击div可能未正确触发展开事件，导致下拉框未显示。修改菜单点击代码：

expand_btn = WebDriverWait(self.driver, 20).until(
    EC.element_to_be_clickable((By.CSS_SELECTOR, "#category button.filter-values"))
)
driver.execute_script("arguments[0].click();", expand_btn)

2. 点击label而非隐藏的input #

多数UI设计中，复选框本身会被样式隐藏，实际可交互的是对应的<label>标签。直接点击input会因元素不可见或被遮挡导致超时，改为点击label：

# 先等待下拉框容器可见
WebDriverWait(self.driver, 20).until(
    EC.visibility_of_element_located((By.ID, "categoryContent"))
)
# 点击Reports对应的label
report_label = WebDriverWait(self.driver, 20).until(
    EC.element_to_be_clickable((By.CSS_SELECTOR, "label[for='Reports']"))
)
driver.execute_script("arguments[0].click();", report_label)

3. 优化无头浏览器参数 #

无头模式下的渲染逻辑可能与正常浏览器有差异，可尝试添加参数优化，或临时关闭无头模式验证问题：

# 临时注释headless参数，验证是否为无头模式导致
# chrome_options.add_argument('--headless')
# 若确认是无头问题，添加以下参数优化
chrome_options.add_argument('--start-maximized')
chrome_options.add_argument('--disable-extensions')

4. 显式等待元素状态 #

确保在操作复选框前，下拉框已完全加载并可见，避免因渲染延迟导致超时：

# 等待下拉框容器可见
WebDriverWait(self.driver, 20).until(
    EC.visibility_of_element_located((By.ID, "categoryContent"))
)
# 等待复选框对应的label可点击
report_label = WebDriverWait(self.driver, 20).until(
    EC.element_to_be_clickable((By.XPATH, "//label[@for='Reports']"))
)
report_label.click()

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