UI自动化Selenium iframe切换多层嵌套

IFRAME是HTML标签，作用是文档中的文档，或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架(即行内框架)。

简单来说，就像房子内的一个个房间一样；你要去房间里拿东西，就得先开门；

如上图就是一个很典型的iframe嵌套形式；要操作每一个元素，必须先进iframe；

Selenium自动化对iframe的操作无非就是：进入iframe和退出iframe；

1、Iframe进入方式：

• 通过ID方式进入：driver.switch_to.frame('id值')
• 通过Name方式进入：driver.switch_to.frame('name值')
• 通过Xpath方式进入：如果没有id或name能定位，那就需要使用xpath

# 先获得iframe对象
iframe1 = driver.find_element_by_xpath("//div[@class='loginUrs']/iframe")
# 再切换进iframe
driver.switch_to.frame(iframe1)

2、Iframe退出：

• 退出到上一层：driver.switch_to.parent_frame()
• 退出到最外层：driver.switch_to.default_content()

3、示例：

• 需要操作元素A：

先进入IframeBig，再进入Iframe2，然后操作元素A

driver.switch_to.frame(IframeBig)
driver.switch_to.frame(Iframe2)
driver.find_element_by_xpath("元素A的ID").click()

• • 需要先操作元素A，再操作元素B，然后操作元素C

先进入IframeBig，再进入Iframe2，操作A，退出Iframe2，进入Iframe3，操作元素B，退出Iframe2，操作元素C

# ----------先进入IframeBig，再进入Iframe2，操作A
driver.switch_to.frame(IframeBig)
driver.switch_to.frame(Iframe2)
driver.find_element_by_xpath("元素A的ID").click()
# ----------退出Iframe2，进入Iframe3，操作元素B
driver.switch_to.parent_frame()  #此时位于IframeBig内
driver.switch_to.frame(Iframe3)
driver.find_element_by_xpath("元素B的ID").click()
# ----------退出Iframe2，操作元素C
driver.switch_to.default_content() #此时位于最外层，不是IframeBig内
driver.switch_to.frame(IframeBig)
driver.find_element_by_xpath("元素C的ID").click()

综上所述，iframe多层嵌套时，一定要注意当前位于什么位置，否则就会迷失；