使用Selenium无法定位ember-climate网站下载按钮的问题咨询

原因说明 #

该问题不是XPath写法错误导致，完全由网站本身的结构特性引发：

• 页面内包含DOWNLOAD按钮的数据可视化模块，整体被嵌套在独立的<iframe>标签中，Selenium默认的元素查找范围仅覆盖顶层DOM，不会自动查询iframe内部的DOM节点
• 你之前代码中等待//button超时、最终获取到的按钮列表为空，就是因为顶层DOM中不存在对应元素

修复方法 #

只需要在查找按钮前，先切换Selenium的操作上下文到对应的iframe内即可，参考代码如下：

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

url = 'https://ember-climate.org/data/carbon-price-viewer/'
webdriver = create_driver()

with webdriver as driver:
    driver.maximize_window()
    driver.get(url)
    wait = WebDriverWait(driver, 30)
    # 等待iframe加载完成并切换上下文
    target_iframe = wait.until(EC.presence_of_element_located((By.CSS_SELECTOR, 'iframe[title*="Carbon"]')))
    driver.switch_to.frame(target_iframe)
    # 此时即可正常定位iframe内的下载按钮
    download_btn = wait.until(EC.element_to_be_clickable((By.XPATH, '//*[text()="DOWNLOAD"]')))
    download_btn.click()
    # 如果后续需要操作顶层DOM元素，调用以下方法切回原上下文
    # driver.switch_to.default_content()

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