selenium--iframe

简介: selenium--iframe

前戏


很多人在用selenium定位页面元素的时候会遇到定位不到的问题,明明元素就在那儿,用firebug也可以看到,就是定位不到,这种情况很有可能是frame在搞鬼。


进入到iframe


<html lang="en">
<head>
    <title>FrameTest</title>
</head>
<body>
<iframe src="a.html" id="frame1" name="myframe"></iframe>
</body>
</html>

想要定位其中的iframe并切进去,可以通过如下代码:

from selenium import webdriver
driver = webdriver.Chrome()
driver.switch_to.frame(0)  # 1.用frame的index来定位,第一个是0
driver.switch_to.frame("frame1")  # 2.用id来定位
driver.switch_to.frame("myframe")  # 3.用name来定位
driver.switch_to.frame(driver.find_element_by_tag_name("iframe"))  # 4.用WebElement对象来定位

 

from selenium import webdriver
from time import sleep
driver = webdriver.Chrome()
driver.get("xxxxx")
driver.maximize_window()
sleep(3)
driver.switch_to.frame("loginIframe")
# 定位到 frame 页面。id=loginIframe
driver.find_element_by_id("username").clear()
driver.find_element_by_id("username").send_keys("123")
driver.find_element_by_id("password").send_keys("123456")
driver.find_element_by_id("btnLogin").click()
driver.quit()


退出iframe


driver.switch_to.default_content()


嵌套iframe


<html>
    <iframe id="frame1">
        <iframe id="frame2" / >
    </iframe>
</html>


从主文档切到frame2,一层层切进去


driver.switch_to.frame("frame1")
driver.switch_to.frame("frame2")

从frame2再切回frame1,这里selenium给我们提供了一个方法能够从子frame切回到父frame,而不用我们切回主文档再切进来。

driver.switch_to.parent_frame()  # 如果当前已是主文档,则无效果

有了parent_frame()这个相当于后退的方法,我们可以随意切换不同的frame,随意的跳来跳去了。

所以只要善用以下三个方法,遇到frame分分钟搞定:

driver.switch_to.parent_frame()
driver.switch_to.default_content()

实战


01.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>左侧</title>
    <script type="text/javascript">
        function dispalay_alert() {
            alert('I am alert...')
        }
    </script>
</head>
<body>
    <p>这是左侧frame上的文字</p>
    <input type="button" onclick="dispalay_alert()" value="Display alert box">
</body>
</html>

02.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>右侧</title>
</head>
<body>
    <p>这是右侧frame上的文字</p>
    <input type="radio" id="python" name="book" checked>python selenium
    <br />
    <input type="radio" id="java" name="book">java selenium
</body>
</html>

03.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>中间</title>
</head>
<body>
    <p>这是中间frame上的文字</p>
    <input type="input" id="text" >文本框
</body>
</html>

04.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>综合</title>
    <frameset cols="25%,50%,25%">
        <frame id="leftframe" src="01.html" />
        <frame id="middleframe" src="03.html" />
        <frame id="rightframe" src="02.html" />
    </frameset>
</head>
<body>
    <p>这是中间frame上的文字</p>
    <input type="button" id="text" >文本框
</body>
</html>

把所有文件放在一个目录下,打开04.html,页面如下

代码如下

from selenium import webdriver
from selenium.common.exceptions import TimeoutException
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.ui import WebDriverWait
import time
class Test_frame():
    def test_handle_frame(self):
        url = r'F:\api_framework\debug_test\css\image\04.html'
        self.driver = webdriver.Chrome()
        self.driver.get(url)
        '''
        使用索引方式进入frame页面,索引号从0开始
        如果想进入中间的frame,则索引为1
        '''
        self.driver.switch_to.frame(0)
        '''
        找到左侧frame中的p标签
        '''
        leftFrame = self.driver.find_element_by_xpath('//p')
        self.driver.find_element_by_tag_name('input').click()
        try:
            '''
            等待alert弹框
            '''
            alertWindow = WebDriverWait(self.driver, 10, 0.2).until(EC.alert_is_present())
            time.sleep(2)
            print(alertWindow.text)  # 获取弹出框内的内容
            alertWindow.accept()  # 对弹出框点击确定
        except Exception as e:
            print(e)
        '''
        使用driver.switchTo.default_content方法,从左侧中回到frameset页面
        如果不执行,则无法进入到其他frame中
        '''
        self.driver.switch_to_default_content()
        '''
        通过标签名找到页面中所有frame元素,然后通过索引进入frame
        '''
        self.driver.switch_to.frame(self.driver.find_elements_by_tag_name('frame')[1])
        '''
        断言
        '''
        assert '这是中间frame上的文字' in self.driver.page_source
        self.driver.find_element_by_tag_name('input').send_keys('我在中间')
        self.driver.switch_to_default_content()
        '''
        通过id进入右边的iframe
        '''
        self.driver.switch_to.frame(self.driver.find_element_by_id('rightframe'))
        assert '这是右侧frame上的文字' in self.driver.page_source
        self.driver.find_element_by_id('java').click()
        self.driver.switch_to_default_content()
test1 = Test_frame()
test1.test_handle_frame()


通过循环frame操作frame


from selenium import webdriver
from selenium.common.exceptions import TimeoutException
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.ui import WebDriverWait
import time
class Test_frame():
    def test_handle_frame(self):
        url = r'F:\api_framework\debug_test\css\image\04.html'
        self.driver = webdriver.Chrome()
        self.driver.get(url)
        '''
        找到页面上所有的frame对象,并存到列表中
        '''
        frameList = self.driver.find_elements_by_tag_name('frame')
        '''
        通过循环遍历列表中的所有frame页面,
        '''
        for frame in frameList:
            self.driver.switch_to.frame(frame)
            if "中间" in self.driver.page_source:
                p = self.driver.find_elements_by_xpath('p')
                print('找到你了。。。')
                break
            else:
                self.driver.switch_to_default_content()
test1 = Test_frame()
test1.test_handle_frame()

 

在一个frame下无论以此进入多少层内嵌的frame或iframe,调用一次self.driver.switch_to.default_content()函数都会直接从所有的frame中切换出来回到默认页面

相关文章
|
4月前
|
Web App开发 数据采集 移动开发
提升Selenium在Chrome上的HTML5视频捕获效果的五个方法
在Selenium中优化Chrome的HTML5视频捕获涉及更新Chrome和ChromeDriver、配置浏览器选项、使用代理IP、调整加载策略及确保安装了正确编解码器。例如,更新驱动程序,添加如`--autoplay-policy`和`--proxy-server`的命令行参数,使用代理以防止被封,设置页面加载策略为&#39;eager&#39;,并安装必要的编解码器来确保视频播放。代码示例展示了如何集成这些优化措施。
156 2
提升Selenium在Chrome上的HTML5视频捕获效果的五个方法
|
3月前
|
前端开发 Java Maven
iframe的简单使用
这篇文章通过一个简单的Maven项目示例,演示了如何使用`iframe`标签进行页面跳转和局部数据刷新,以及`a`标签的`target`属性与`iframe`的`name`属性如何配合使用来实现链接在`iframe`中的加载。
iframe的简单使用
|
6月前
|
前端开发 测试技术 开发者
精通Playwright的元素定位和CSS技巧
精通Playwright的元素定位和CSS技巧
407 0
|
JavaScript 数据安全/隐私保护
Selenium+JQuery定位方法及应用
Selenium+JQuery定位方法及应用
109 0
|
XML 前端开发 数据格式
selenium-CSS与XPATH常用元素定位方法
selenium-CSS与XPATH常用元素定位方法
541 0
|
Python
Selenium中操作iframe,别再说你不会了
Selenium中操作iframe,别再说你不会了
171 0
|
Web App开发 JavaScript
selenium--浏览器滚动条操作
selenium--浏览器滚动条操作
|
Web App开发 JavaScript 前端开发
(最新版)如何正确移除Selenium中的 window.navigator.webdriver
(最新版)如何正确移除Selenium中的 window.navigator.webdriver
344 0
|
Web App开发 JavaScript 前端开发
(最新版)如何正确移除 Pyppeteer 中的window.navigator.webdriver
(最新版)如何正确移除 Pyppeteer 中的window.navigator.webdriver
111 0