如何使用Selenium识别iframe？

Question

HTML：

<iframe allowpaymentrequest="true" allowtransparency="true" src="https://shopify.wintopay.com/
cd_frame_id_="ca9e4ad6a1559de159faff5c1f563d59"
name="WinCCPay"
id="win-cc-pay-frame" 

我正在尝试在抄送字段中输入文本。显然它在一个 iframe 中，我选择了 HTML 中的最后一个，并尝试从上面的标识符中选择它，但我不断收到无法找到该元素的信息

iframe= wd.find_element_by_id("win-cc-pay-frame")    

wd.switch_to.frame(iframe)

该框架当前正在浏览器中显示，因此不需要隐式等待。

Answer 1

要识别 ，因此您必须：

• 归纳 WebDriver等待所需的框架可用并切换到它。

• 您可以使用以下任一定位器策略：

  • 使用CSS_SELECTOR：

    WebDriverWait(driver, 20).until(EC.frame_to_be_available_and_switch_to_it((By.CSS_SELECTOR,"iframe#win-cc-pay-frame[name='WinCCPay'][src^='https:// shopify.wintopay.com']")))
    

  • 使用XPATH：

    WebDriverWait(driver, 20).until(EC.frame_to_be_available_and_switch_to_it((By.XPATH,"//iframe[@id='win-cc-pay-frame' and @name='WinCCPay'][开始于（@src，'https://shopify.wintopay.com'）]“）））
    

• 注意：您必须添加以下导入：

   from selenium.webdriver.support.ui import WebDriverWait
   从 selenium.webdriver.common.by 导入
   从 selenium.webdriver.support 导入预期条件作为 EC
  

Answer 2

问题可能是元素的名称和 id 是动态的，并且会针对每个唯一的结帐窗口进行更改？您可以检查是否在 iframe 标记中添加 class 属性并通过该属性查找元素吗？

它一定类似于：

iframe = wd.find_element_by_class_name('card-pay-iframe')
wd.switch_to.frame(iframe)
...
wd.switch_to.default_content()

良好的编码！ ˙_(ツ)_/˙