掌握核心原理，轻松解决自动化测试的iframe定位问题

最新推荐文章于 2023-06-29 10:27:30 发布
最新推荐文章于 2023-06-29 10:27:30 发布
阅读量3k 收藏 7
点赞数 3
分类专栏： selenium自动化测试 文章标签： java selenium 定位
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aaa163com/article/details/107917028
版权

掌握核心原理，轻松解决自动化测试的iframe定位问题

下图是你要定位的元素，其xpath路径为/html/body/div[2]/div[1]/table/tbody/tr[1]/td[2]，我们在定位该元素的时候，如果直接使用xpath法来定位，是会提示NoSuchElement的，那该如何解决呢？
在这里插入图片描述
答案就是检查页面上是否有ifame嵌套，可以看到，浏览器的当前页面是有个iframe的在这里插入图片描述
遇到这种iframe该如何操作呢？

（一）基本用法

1.首先找到iframe的定位

WebElement iframe=driver.findELement(By.xpath(“//*[@id="admin-body"]/div/div/div[2]/iframe”))

2.然后切换到iframe里面

driver.switchTo().frame(iframe);

3.定位目标元素

WebElement target=driver.findELement(By.xpath(“/html/body/div[2]/div[1]/table/tbody/tr[1]/td[2]”))

这就是iframe的基本使用方法。实际应用过程中，我们遇到的iframe的情况可能不是这么简单，但万变不离其宗，掌握核心原理即可熟练运用。

iframe切换的核心原理是：先切换到父级，再切换到子级。

  • a：由父级切换到子级时：可直接切换
  • b：由子级切换到父级时：必须先切换到defaultContent，然后再切换到父级
  • c：同一个父级，不同子级之间切换时：组合上面两个步骤，先b再a

下面我们来具体理解一下：
（二）多个iframe嵌套

<html>

<....>               ------------------------>A

<iframe id=”iframe1”>

<html>

<....>               ------------------------>B

<iframe id=”iframe2”>

<html>

<....>               ------------------------>C

</iframe>

</iframe>

<iframe id=”iframe3”>

<html>

<....>                ------------------------>D

</iframe>

</html>

A是iframe框架外的元素

B是iframe1里面的元素

C是iframe2里面的元素

D是iframe3里面的元素

这种情况下，iframe1和iframe3的父级就是defaultContent；iframe2的父级就是iframe1，那如何在iframe1、2、3之间切换呢？

（1）由A切换到iframe1

driver.switchTo().frame(iframe1);

（2）由A切换到iframe2

driver.switchTo().frame(iframe1);

driver.switchTo().frame(iframe2);

（3）由A切换到iframe3

driver.switchTo().frame(iframe3);

（4）由iframe2切换到iframe1

driver.switchTo().defaultContent();

driver.switchTo().frame(iframe1);

（5）由iframe2切换到iframe3

driver.switchTo().defaultContent();

driver.switchTo().frame(iframe3);

（6）由iframe3切换到iframe1

driver.switchTo().defaultContent();

driver.switchTo().frame(iframe1);

（7）由iframe3切换到iframe2

driver.switchTo().defaultContent();

driver.switchTo().frame(iframe1);

driver.switchTo().frame(iframe2);

（8）由iframe1切换到iframe2

driver.switchTo().frame(iframe2);

（9）由iframe1切换到iframe3

driver.switchTo().defaultContent();

driver.switchTo().frame(iframe3);

（三）存在多个不同的iframe但页面只显现1个

<html>

<....>

<iframe id=”iframe1”>  ===><iframe id=”iframe2”>

</iframe>

</html>

那如何在iframe1、2之间切换呢？

（1）由iframe2切换到iframe1

driver.switchTo().defaultContent();

driver.switchTo().frame(iframe1);

（2）由iframe1切换到iframe2

driver.switchTo().defaultContent();

driver.switchTo().frame(iframe2);

文章原创，以自己做自动化测试过程中遇到的问题及解决思路和步骤，供大家思考，以期抛砖引玉，共同进步和提高。

初心与使命
关注
专栏目录
高级岗位面试问题
A-MING的博客
10-11 404
【我是谁】 、【我做过什么】、【我会什么】面试官您好，我叫XXX，来自XX。已有4年软件测试工作经验，之前在两家公司担任测试工程师最近一家公司我主要负责了两个项目的测试，分别为挂机短信和来电名片，在这两个项目中我负责了测试计划和方案的编写，测试用例的设计，测试环境的搭建以及测试用例执行、编写测试报告等工作。在工作中我主要负责功能测试、接口测试 、性能测试、包括搭建测试框架；
Selenium用法详解【窗口表单切换】【JAVA爬虫】
洛阳泰山的博客
01-07 1595
本文主要讲解java 代码利用Selenium如何实现控制浏览器进行窗口切换和页面内的不同表单之间的切换操作。
python+selenium自动化测试--iframe切换
BEEKSTAR的博客
01-04 983
本文参考偶像Anthony_tester博客编写。 学习测试目前没遇到合适的iframe网站，于是采用偶像自己编写的一个网页，此网页利用iframe网页框架，把网页分成上下两个不同iframe控制的页面。 html> head>title>iframe test pagetitle>head> body> iframe id="frame1" src="https://www.
JavaScript专题（二）：深入理解iframe
dazhatan9812的博客
08-19 467
一 目的 　　iframe是网页布局中重要的元素，是解决一些常见前端问题的必修课，而iframe总是让人捉摸不透，不好掌握。关于iframe，有很多问题我们必须要彻底弄清。笔者累一年经验，3天构思，欲阐述关于iframe的那些事。虽然都是常见的知识，但是很少有人能深入理解，灵活使用。 　　iframe在布局，无刷新方面都有极其中重要，不可替代的地位。虽然现在流行DIV布局，但是有时还...
Selenium自动化测试-8.iframe处理
测试-八戒
08-09 3073
今天踩着七彩祥云沐浴着阳光 又给大家输送新能量啦~ 在上一篇：Selenium自动化测试-获取元素属性信息，介绍了如何获取元素的内容、属性、状态信息。写自动化脚本有时会遇到 iframe嵌套页面，这时直接定位是不行的，今天我们介绍怎么处理iframe。 iframe是HTML标签，作用是文档中的文档，或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架（即行内框架）, 作用就是嵌套网页。 以126网易邮箱账号或手机号码输入框为例，我们先按正常定位方法试下能否定位成功
【python+selenium的web自动化测试脚本】如何定位在iframe下的web元素
Rock1105的博客
11-29 956
使用python+selenuim+firefox编写自动化脚本的时候，会遇到双重页面的情况。如下图快速登录页面，是一个弹出的操作web页面，查看元素路径的时候你会发现有两个html。 此时需要使用driver的switch_to_frame()方法切换到iframe路径，然后再继续使用driver.find_element_xxx来定位菜单路径 代码如下： driver.find_element...
洞见 SELENIUM 自动化测试
立师兄Linty
02-24 1989
洞见SELENIUM自动化测试 写在最前面：目前自动化测试并不属于新鲜的事物，或者说自动化测试的各种方法论已经层出不穷，但是，能够在项目中持之以恒的实践自动化测试的团队，却依旧不是非常多。有的团队知道怎么做，做的还不够好；有的团队还正在探索和摸索怎么做，甚至还有一些多方面的技术上和非技术上的旧系统需要重构…… 本文将会从使用和实践两个视角，尝试对基于Web UI自动化测试做细致的...
软件测试面试题
lmyyyyuer的博客
04-13 2445
测试策略 单元测试、集成测试、系统测试、验收测试、回归测试 1、单元测试：完成最小的软件设计单元（模块）的验证工作，目标是确保模块被正确的编码，使用过程设计描述作为指南，对重要的控制路径进行测试以发现模块内的错误，通常情况下是白盒的，对代码风格和规则、程序设计和结构、业务逻辑等进行静态测试，及早的发现和解决不易显现的错误。 2、集成测试：通过测试发现与模块接口有关的问题。目标是把通过了单元测试的模块拿来，构造一个在设计中所描述的程序结构，应当避免一次性的集成（除非软件规模很小），而采用增量集成。 自顶向下集
前端面试问题（适用于面试回答思路）
yaminne的博客
03-28 4965
原型和原型链 原型：构造函数的 prototype 属性指向了一个对象，这个对象正是调用该构造函数而创建的实例的原型。也即，每个构造函数的实例都有一个原型，叫原型对象，由实例对象的内置属性_proto_指向。每个原型都有一个 constructor 属性指向关联的构造函数。 原型用法：构造函数创建的实例可以访问实例的属性和方法，也可以访问原型的属性和方法。对于原型只能访问自己的属性和方法。考虑这一特性，如果对象公有的属性和方法，我们可以添加到原型上面，对象需要的时候直接访问原型的属性和方法就可以。 当读取实
Python自动化测试系列[v1.0.0][处理iframe]
12-21
如果页面存在iframe，那么我们是不能直接定位到iframe节点下的页面元素的，需要先切换到iframe里边去，然后再对iframe中的页面元素进行定位，而如果切换进iframe中后也是定位不到iframe外的元素的，还需要切换出去才能进行iframe外的元素的定位。 在经历过上前边多种操作的封装后，iframe的封装就简单了很多，接下来笔者将介绍封装后的方法以及如何调用。 方法封装 def switch_to_iframe(self, frame): """ 用于切换进页面的iframe控件 :param iframe: :return: """
深入了解iframe内嵌框架：探究其工作原理
最新发布
winkexin的博客
06-29 1212
如果您想在您的网站上嵌入视频或音频等外部内容，内嵌框架 (iframe) 已被证明对此非常有用。标签提供了一种简单而优雅的解决方案来容纳 HTML 文档中的外部内容。通常，网站访问者甚至不会注意到他们正在查看外部内容。但是如何添加 iframe 呢？
Katalon - Web自动化中的iframe
q02233309的博客
03-01 9002
katalon中的iframe 封装了常规的switch to frame，让使用者可以对iframe无感
iframe挂木马原理及防范
weixin_30627381的博客
04-09 179
（转载的，懒得敲了，没有自己试过） 相信大多数站长都曾经遭遇过iframe木马的侵害，有朋友的网站被注入了N回iframe（评论:作为站长更应该想为什么会被挂，是哪里的漏洞），心情可想而知。而且现在ARP攻击，注入iframe也是轻而易举的事，仅局域网里都时刻面临威胁 今天把原理细细地讲一下吧： IE Only——一般只有IE害怕iframe这样的挂马,所以就拿IE开刀。 在阅读本文之...
python selenium 定位iframe（多层框架）
热门推荐
小青蛙
12-01 2万+
python selenium 定位iframe（多层框架）
「Python｜Selenium｜场景案例」如何定位iframe中的元素？
过美好生活，做高效程序员
01-17 3005
本文主要介绍在使用Selenium进行自动化测试或者任务时，对于使用了iframe的页面，如何定位iframe中的元素
HTML的iframe标签妙用 - 在线执行前端代码的网站原理是什么？
weixin_33849942的博客
12-06 155
在我自己的日常前端开发中，其实iframe标签出现的次数并不是很多。作为一个很古老（浏览器兼容性非常好）的标签，有必要去了解一下它的典型应用场景。 （图片说明：所有浏览器都支持iframe，无论什么版本） 在什么情况下使用iframe呢？其实iframe有很多奇技淫巧的用法，但是最重要的一个特点是：<iframe>提供了一个和浏览器当前窗口相隔离的沙箱环境，相当于网...
Facebook中FBML和IFrame的工作原理
中國壹石頭
05-19 321
在Canvas Page中，用户创建的应用需要使用facebook支持的标签来展示应用的相关内容。Facebook目前支持的两种标记语言为FBML和IFrame。其中FBML为facebook平台提供的一种专门用于开发facebook canvas page的标记语言，由facebook官方开发。Iframe是标准Html中支持的标记语言格式。在canvas page中使用iframe和在一般ht...
【HTML】深入全掌握 iframe：了解 its 技术原理、优缺点、最佳应用场景及实战指南
weixin_55846296的博客
06-08 5991
Web 应用开发中，包含其他网页的框架是很常见的需求。HTML 标签iframe提供了一个容器，可以用来嵌入其他页面，并且它自带了一些有用的特性，如调整大小、滚动等。本文将深入介绍iframe技术原理、优缺点、最佳应用场景及实战指南，希望能帮助您更好地运用 iframe，提升 Web 应用开发效率。（内嵌框架）元素是一种HTML常用元素，用于在一个HTML文档中嵌入另一个HTML文档。其实际效果是将一个文档嵌入到另一个文档中，用户在浏览器中正常浏览父文档的同时，可以看到和与子文档交互。
Selenium自动化测试：iframe中定位百度搜索框
"该资源主要介绍了如何使用Selenium2进行自动化测试，特别是针对iframe的处理方法，通过一个Java实现的示例展示了如何切换到iframe内并操作其中的元素。此外，提到了作者的学习历程和编写自动化测试文档的经验，强调...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

初心与使命

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值