无法定位信用卡填写IFrame的WebDriver技术求助

问题核心 #

Ubiquiti支付页面的信用卡输入IFrame每次加载时ID和名称都会动态变化，仅title属性固定为card-fields-iframe，导致无法稳定切换到该IFrame完成信用卡信息填写。

解决步骤及代码示例 #

1. 显式等待IFrame加载：避免因页面加载延迟导致的元素未找到错误，使用WebDriver的显式等待机制等待IFrame出现。
2. 通过title属性定位IFrame：利用XPath定位带有指定title的IFrame，替代不稳定的ID/name定位方式。
3. 等待输入框可交互：切换到IFrame后，同样等待信用卡输入框加载完成并可点击后再执行输入操作。

完整代码

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

# 等待并定位目标IFrame（通过title属性）
card_iframe = WebDriverWait(wd, 10).until(
    EC.presence_of_element_located(("xpath", "//iframe[@title='card-fields-iframe']"))
)
# 切换到该IFrame
wd.switch_to.frame(card_iframe)

# 等待信用卡号码输入框可交互并定位
credit_card_number = WebDriverWait(wd, 10).until(
    EC.element_to_be_clickable(("xpath", "//*[@id='number']"))
)
# 输入信用卡号码
credit_card_number.send_keys("1234123412341234")

# 若后续需操作主页面元素，切回主文档
# wd.switch_to.default_content()

额外注意事项 #

• 若title属性存在细微格式差异（如大小写、空格），可改用模糊匹配XPath：//iframe[contains(@title, 'card-fields-iframe')]
• Ubiquiti支付页面可能存在反自动化检测，可添加ChromeDriver参数规避：

from selenium.webdriver.chrome.options import Options

options = Options()
options.add_argument("--disable-blink-features=AutomationControlled")
options.add_experimental_option("excludeSwitches", ["enable-automation"])
options.add_experimental_option('useAutomationExtension', False)
wd = webdriver.Chrome(options=options)

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