Selenium无IFrame场景下点击侧边面板元素下载HUD数据的问题

问题原因与解决方法 #

你不需要额外做区域切换，当前场景没有iframe嵌套，直接在主文档定位元素即可，点击失败的常见原因和对应解决方法如下：

• 原代码用了动态ID作为选择器
  #ember97是Ember框架自动生成的动态ID，每次页面刷新都会变化，稳定性极差，首先替换为稳定的属性选择器定位下载按钮：

  # 替换原paths循环里的第一个选择器，用稳定的title属性定位下载入口按钮
  wait.until(EC.element_to_be_clickable((By.CSS_SELECTOR, 'button[title="Download"]'))).click()
  

• 侧边栏内的CSV按钮未完成加载就执行点击
  侧边栏展开有滑入动画，内部的下载选项是异步渲染的，需要单独等待CSV按钮加载完成后再操作，推荐用文本匹配的XPATH定位，稳定性更高：

  # 等待CSV按钮可点击
  csv_btn = wait.until(EC.element_to_be_clickable((By.XPATH, '//span[text()="CSV"]/ancestor::calcite-list-item//calcite-button')))
  

• 元素被动画遮挡导致原生点击失效
  如果上述点击没有触发下载，改用JavaScript直接触发点击事件，不受元素可见性、动画遮挡的影响：

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

完整可运行代码片段 #

import os
from selenium import webdriver
from webdriver_manager.chrome import ChromeDriverManager
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC

options = webdriver.ChromeOptions()
preferences= {"download.default_directory": os.getcwd(), "directory_upgrade": True}
options.add_experimental_option("prefs", preferences)
# options.headless = True
options.add_experimental_option('excludeSwitches', ['enable-logging'])

url = "https://hudgis-hud.opendata.arcgis.com/datasets/deteriorated-paint-index-by-county/explore"

driver = webdriver.Chrome(ChromeDriverManager().install(), options=options)
wait = WebDriverWait(driver, 60)

driver.maximize_window()
driver.get(url)

# 点击下载按钮打开侧边栏
wait.until(EC.element_to_be_clickable((By.CSS_SELECTOR, 'button[title="Download"]'))).click()

# 定位并点击CSV下载按钮
csv_btn = wait.until(EC.element_to_be_clickable((By.XPATH, '//span[text()="CSV"]/ancestor::calcite-list-item//calcite-button')))
driver.execute_script("arguments[0].click();", csv_btn)

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