12-iframe的切换

        本篇以 https://mail.163.com/ 登录页面为例，详细介绍iframe的切换。

一、什么是iframe？

        iframe标记又叫浮动帧标记，可以用它将一个html文档嵌入到另一个html中显示。它和frame标记的最大区别是：在网页中嵌入的<iframe></iframe>所包含的内容与整个页面是一个整体，而<frame>< /frame>所包含的内容是一个独立的个体，是可以独立显示的。

二、163邮箱登录界面

1）打开 https://mail.163.com/ 登录页面，并定位登录框。

2）鼠标停留在左下角（定位到iframe位置）时，整个登录框显示灰色，说明iframe区域就是整个登录框区域。

3）左下角可以看到iframe标签及属性：<iframe name="" frameborder="0" id="x-URS-iframe1716897244843.7812" ...></iframe>

三、切换到iframe

        由于账户输入框、密码输入框、登录按钮是在iframe上，因此首先要把当前定位的主体切换到iframe上，否则是无法定位到这三个元素对象的。

        默认支持通过id属性、name属性对iframe对象进行定位的，但真实场景中可能会遇到没有id属性且name属性为空的iframe对象，可以使用之前的八种定位方法对iframe进行定位。这里我通过tag name定位到iframe对象，也能达到同样效果。

from selenium import webdriver
import time

driver = webdriver.Chrome()
driver.get('https://mail.163.com/')
driver.maximize_window()
time.sleep(3)

# 切换到iframe
driver.switch_to.frame(driver.find_element('tag name', 'iframe'))
driver.find_element('name', 'email').send_keys('xxxxxx')
driver.find_element('name', 'password').send_keys('yyyyy')

四、从iframe切回到主页面

        当iframe上的操作执行完后，想要把当前定位的主体切回到主页面，可以通过switch_to.default_content()方法切回到主页面。

from selenium import webdriver
import time

driver = webdriver.Chrome()
driver.get('https://mail.163.com/')
driver.maximize_window()
time.sleep(3)

# 切换到iframe
driver.switch_to.frame(driver.find_element('tag name', 'iframe'))
driver.find_element('name', 'email').send_keys('xxxxxx')
driver.find_element('name', 'password').send_keys('yyyyy')

# 从iframe切回到主页面
driver.switch_to.default_content()