selenium---表单切换（iframe）

　　在做web自动化的过程中会遇到一些弹出的登录页面，定位后，执行程序发现还是出现报错，其实定位可能没有问题，而是表单再作怪，也就是iframe

iframe

iframe是HTML标签，作用是文档中的文档，或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架，也就html中在嵌套一个网页

iframe长什么样子

我们通常登录的163邮箱其实就是iframe。可以通过F12查看

如何定位iframe

我们知道什么是iframe了，那么如何定位？我们可以使用selenium中自带的一个方法 switch_to_frame ，这里的定位iframe可以是id属性也可以是name属性

源码

def switch_to_frame(self, frame_reference):
        """ Deprecated use driver.switch_to.frame
        """
        warnings.warn("use driver.switch_to.frame instead",
                      DeprecationWarning, stacklevel=2)
        self._switch_to.frame(frame_reference)

小试牛刀

方法一：

这里安静通过switch_to_frane方法进行定位，这里的iframe的ID为动态id，每次启动都不通，使用正则表达式抓取

from selenium import webdriver
import time
import re
driver = webdriver.Chrome()
driver.get('https://mail.163.com/')
# 获取页面HTML
html = driver.page_source
# 找到iframe的id，这里iframe是动态的
r = re.findall(r'<iframe name="" frameborder="0" id="(.+?)" scrolling',html)[0]
# 跳转到iframe上
driver.switch_to_frame(r)
time.sleep(2)
# 定位输入框
driver.find_element_by_name('email').send_keys('821006052')

上面我们在pychram代码中会发现，switch_to_frame()中有横线，这里官方是不建议使用的，我们可以使用switch_to.frame()

方法二：

前面介绍了显示等待以及等待元素的几种方法，这里我们也可以通过显示等待，循环查看是否存在iframe，然后进行跳转进去

from selenium import webdriver
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.ui import WebDriverWait
import time
import re
driver = webdriver.Chrome()
driver.get('https://mail.163.com/')
# 获取页面HTML
html = driver.page_source
# 找到iframe的id，这里iframe是动态的
r = re.findall(r'<iframe name="" frameborder="0" id="(.+?)" scrolling',html)[0]
# 通过显示等待的方法进行检测iframe是否出现,并跳转
WebDriverWait(driver,10,0.5).until(EC.frame_to_be_available_and_switch_to_it(r))
time.sleep(2)
driver.find_element_by_name('email').send_keys('821006052')

方法三：

从上面观察发现iframe后面的一些数字为动态的，可以通过在CSS定位方法中，可以通过“^=”匹配id属性为以“x-URS-iframe“开头的元素进行定位。

from selenium import webdriver
import time
import re
driver = webdriver.Chrome()
driver.get('https://mail.163.com/')
# 获取页面HTML
html = driver.page_source
time.sleep(2)
# 通过Css方法定位
r = driver.find_element_by_css_selector('iframe[id^="x-URS-iframe"]')
driver.switch_to_frame(r)
driver.find_element_by_name('email').send_keys('821006052')

跳转回原页面

执行完iframe上的操作后，需要跳转会原页面上，这里需要使用方法： switch_to.default_content() 和 switch_to.parent_frame() 

源码：

def default_content(self):
        """
        Switch focus to the default frame.

        :Usage:
            driver.switch_to.default_content()
        """
        self._driver.execute(Command.SWITCH_TO_FRAME, {'id': None})

源码：

def parent_frame(self):
        """
        Switches focus to the parent context. If the current context is the top
        level browsing context, the context remains unchanged.

        :Usage:
            driver.switch_to.parent_frame()
        """
        self._driver.execute(Command.SWITCH_TO_PARENT_FRAME)

快速查看定位元素是否处于iframe上

这里打开F12，通过ctrl+F，找到需要定位的元素，观察是否有iframe上。

安静简单的介绍了跳转iframe的过程，如果那里有不懂的或者写错的地方，都可以下方留言，感谢支持~