Angular网站元素定位失败：Username输入框Selenium定位超时求助

我尝试了下述代码，但始终出现超时情况。不过通过浏览器检查器可以看到Username输入元素，也尝试过通过ID查找该元素但未成功，试过论坛上几乎所有相关问题的解决方案仍无法解决。

我使用的代码 #

driver.get("https://www.dat.com/login")
time.sleep(5)

driver.find_element_by_css_selector("a[href*='https://power.dat.com/']").click()
time.sleep(5)

# 显式等待输入元素加载
try:
    WebDriverWait(driver, 10).until(
        EC.presence_of_element_located((By.NAME, "username"))
    )
except TimeoutException:
    print(
        "Waited 10 seconds for the username input to load but did not happen..."
    )
except Exception as e:
    print(f"Exception while waiting for username input to appear: {e}")
    sys.exit(1)

界面截图 #

• 登录界面：
  
• 检查器界面：
  

解决方案 #

1. 检查是否存在iframe #

登录输入框大概率嵌套在iframe中，Selenium默认只会在主HTML文档查找元素，必须先切换到对应iframe：

# 点击跳转后，等待iframe加载并切换（替换成实际iframe的定位符，比如id/name）
WebDriverWait(driver, 10).until(EC.frame_to_be_available_and_switch_to_it((By.ID, "login-iframe")))
# 再查找用户名输入框
WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.NAME, "username"))
)
# 操作完成后可切回主文档
# driver.switch_to.default_content()

2. 检查是否打开了新窗口 #

点击跳转链接后可能打开新标签页/窗口，需要切换窗口句柄：

# 记录原窗口句柄
original_window = driver.current_window_handle
driver.find_element_by_css_selector("a[href*='https://power.dat.com/']").click()
# 等待新窗口出现
WebDriverWait(driver, 10).until(EC.number_of_windows_to_be(2))
# 切换到新窗口
for handle in driver.window_handles:
    if handle != original_window:
        driver.switch_to.window(handle)
        break
# 再等待元素加载
WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.NAME, "username"))
)

3. 优化元素定位方式 #

如果name定位失效，改用更精准的选择器（参考检查器里的元素属性）：

# 用CSS选择器（比如元素id）
WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.CSS_SELECTOR, "#username"))
)
# 或用XPath
WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.XPATH, "//input[@name='username' and @type='text']"))
)

4. 替换time.sleep为显式等待 #

避免固定等待时间，统一用显式等待提升稳定性：

driver.get("https://www.dat.com/login")
# 等待跳转链接可点击
jump_link = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.CSS_SELECTOR, "a[href*='https://power.dat.com/']"))
)
jump_link.click()
# 后续按iframe/窗口切换逻辑处理后等待元素

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