在上一篇：Selenium自动化测试-获取元素属性信息，介绍了如何获取元素的内容、属性、状态信息。写自动化脚本有时会遇到 iframe嵌套页面，这时直接定位是不行的，今天我们介绍怎么处理iframe。
在自动化中，如果一个元素定位不到，那么最大可能是在iframe中，我们先了解frame。frame是html中的框架，在html中，所谓框架就是可以在同一个浏览器窗口中显示不止一个页面。而基于html的框架，又分为垂直框架和水平框架，如下分别使用html的代码来演示垂直框架和水平框架的源码以及示例图。
今天是美好的周六，一大早起来学习了，今天学的是selenium里的动作链（ActionChains）,特别好玩，我一定要好好学这个模块。
点击劫持也可以称 UI 覆盖攻击。是一种视觉上的欺骗手段，攻击者通过使用一个透明的iframe，覆盖在一个网页上，然后诱使用户在该页面上进行操作，通过调整iframe页面的位置，可以使得伪造的页面恰好和iframe里受害页面里一些功能重合（按钮），以达到窃取用户信息或者劫持用户操作的目的。如下示例（图片来自网络，如有侵权，请留言删除）：
上面两张图是两个不同的页面但是它们的基本框架都是一样，每点击一次左边的导航栏改变的都是中间的内容区域。也就是说共同的框架都是没有改变的，改变的是中间的内容。
<iframe> 标签（又称内联框架元素）表示了一个嵌套的浏览上下文(browsing context)，实际上是用来在当前页面中内嵌另一个HTML页面。
H5框架语法介绍 ：frame：框架对于页面的设计有很大的作用 frameSet：框架集标签定义如何将窗口分割为框架 ，每一个frameset定义一些列行或者列，rowS/COLS规定了每行或者每列占据屏幕的面积 noresize：固定框架大小 cols：行比例 rows：列比例 iframe：内联框架
一、H5有哪些新特性，移除了哪些元素？如何处理h5新标签的浏览器兼容性问题，如何区分html和html5 1. html5不在是SGL（通用标记语言）的一个子集，而包含了：图像、位置、存储、多任务等功能 2. 新增的图像为canvas类，媒体回放video和audio元素；本地离线存储localStorage，在浏览器关闭后也可以保存数据；而sessionStorage在浏览器关闭后会自动删除数据 3.新增内容标签：article、footer、header、nav、section；新增加表单控件：cale
公司后台Java使用的Spring Cloud的微服务框架,订单,商品,报价,每一个模块都是一个微服务,一个包,独立打包,单独部署.避免了业务代码之间的强耦合,包也变小了.这是背景.
在进行元素定位时，如果遇到无法找到的情况，首先需要考虑是否存在嵌套的 frame 窗口或者目标元素位于新打开的窗口中。这时，必须进行相应的 frame 切换或窗口切换操作。
iframe 用于在页面内显示页面，使用 <iframe> 会创建包含另外一个文档的内联框架（即行内框架）
<frameset>：框架集，rows属性设置框架分几行显示，cols属性用来设置框架分几列显示，rows和cols尽量不要同时设置（因为不能及时辨别每个位置的页面）
最近发现了一个网站竟然直接使用iframe引用了全站，包括腾讯云的全站，已经通知了腾讯云的运营，运营的答复是会通过司法途径尝试去解决。个人是不可能这么干了，太麻烦，但是我也联系了该网站所在的网安进行监督处理，不知道是什么结果，有结果了再说吧
普通框架 语法： <frameset> //划分用的 <frame> //显示用的 <frame> ……. <noframe>直接显示的描述文字</noframe> //描述 </frameset> 目的：框架就是对当前页面进行分割，划分成每个小窗口，每个小窗口显示不同的页面 作用：用于后台的制作，前台不再推荐使用，兼容性不好 注意：如果是框架结果的网页，不能有body，而且他的文档头是frameset的，而不是普通文档头DOCTYPE 框架的文档头<!DOCTYPE html
经过宏哥长时间的查找，终于找到了一个含有iframe的网页。所以今天这一篇的主要内容就是用这个网页的iframe，宏哥给小伙伴或者童鞋们演示一下，在处理过程中遇到的问题以及宏哥是如何解决的。
在html中可以使用多媒体标记来在网页上播放音频文件，或者显示一些好看的图片用来装饰网页。Flash文件也可以通过相应的标记显示在网页上，标签是用于在网页上播放视频文件的。
该文章首发于：奇安信攻防社区 https://forum.butian.net/share/436
管理平台前端页面需要在当前前端框架结构基础上，在顶级导航中增加两个模块：首页、运维管理模块，以此接入运维平台提供的页面。在访问到内部某个页面后，希望父窗体的地址栏跟随子窗体内部src，同时更新父窗体的地址栏，再刷新页面可以保持在当前访问的页面，同时可以分享链接。
在应用有frameset或者iframe的页面时，parent 是父窗口，top是最顶级的父窗口（有的窗口中嵌套了好几层frameset或者iframe），self是当前窗口，opener是用open方法打开当前窗口。
HTML5不再支持使用frame，关于frame与iframe的区别，可以参阅 iframe与frame的区别
前言 有一段时间没做测试了，偶尔的时候也会去挖挖洞。本文章要写的东西是我利用ClickJacking拿下管理员权限的测试过程。但在说明过程之前，先带大家了解一下ClickJacking的基本原理以及简单的漏洞挖掘。 ClickJacking ClickJacking背景说明: ClickJacking（点击劫持）是由互联网安全专家罗伯特·汉森和耶利米·格劳斯曼在2008年首创的。 ClickJacking是一种视觉欺骗攻击手段，在web端就是iframe嵌套一个透明不可见的
原估计宏哥这里就不对iframe这个知识点做介绍和讲解了，因为前边的窗口切换就为这种网页处理提供了思路，另一个原因就是虽然iframe很强大，但是现在很少有网站用它了。但是还是有小伙伴或者童鞋们私下问这个问题，那么宏哥就单独写一篇关于iframe网页处理的文章。
<embed src="多媒体文件地址" width="播放界面的宽度" height="播放界面的高度"></embed>
答案： 优点： iframe 能够原封不动的把嵌入的网页展现出来。 如果有多个网页引用 iframe，那么你只需要修改 iframe 的内容，就可以实现调用的每一个页面内容的更改，方便快捷。 网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用 iframe 来嵌套，可以增加代码的可重用。 如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以由 iframe 来解决。 缺点： 框架结构中出现各种滚动条 iframe 会阻塞主页面的 Onload 事件 搜索引擎的检索程序无法解读这种页面，不利
上篇文章大致分享了web端的拍照方案。一个是input，另外一个是getUserMedia方法，实际上它是webRtc的一个API。
本文研究如何基于H5开发，在不需要厂家源码的前提之下，集成每个厂家开发的页面至我们开发的容器（主页面）中，同时保证容器能够与厂家页面安全通信，并且提出一套约束厂家UI样式的方案。核心问题是如何在移动端实现多方协作开发，以模块化/组件化的设计模式进行分工、整合。
微前端已经是一个非常成熟的领域了，但开发者不管采用哪个现有方案，在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题，或无法提供支持。本文提供一种基于 iframe 的全新微前端方案，完善的解决了这些核心诉求。
今天学习了其他一些标签以及框架集。 <marquee> ... </marquee> 1 <marquee direction="down" height="300" behavior="scroll" loop="2" scrollamount="12" scrolldelay="12" bgcolor="#666666"> 2 3 </marquee> 移动效果 包含
微前端已经是一个非常成熟的领域了，但开发者不管采用哪个现有方案，在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题、或无法提供支持。 webcomponent 是一个浏览器原生支持的组件封装技术，可以有效隔离元素之间的样式，iframe 可以给子应用提供一个原生隔离的运行环境，相比自行构造的沙箱 iframe 提供了独立的 window、document、history、location对象，可以更好的和外部解耦。无界微前端采
无界微前端是一款基于 Web Components + iframe 微前端框架，具备成本低、速度快、原生隔离、功能强等一系列优点。
原估计宏哥这里就不对iframe这个知识点做介绍和讲解了，因为前边的窗口切换就为这种网页处理提供了思路，另一个原因就是虽然iframe很强大，但是现在很少有网站用它了。但是还是有小伙伴或者童鞋们私下问这个问题，那么宏哥就单独写一篇关于iframe网页处理的文章。iframe 是web自动化里面一个比较头疼的测试场景，在Selenium中处理 iframe 需要切换来切换去非常麻烦。但是在playwright中，让其变得非常简单，我们在使用中无需切换iframe，直接定位元素即可。
在有些时候，我们需要在我们的内容栏主区域显示外部网页。如查看服务端提供的SQL监控页面，接口文档页面等。
一.列表 列表就是信息资源的一种展示形式 1.列表及其应用 1)无序列表 无序列表由标签和标签组成,使用标签作为无序列表的声明,使用标签作为每个列表项的起始 语法: 第一项 第二项 特性: >没有顺序,每个标签独占一行(块元素) >默认标签项前面有个实心的小圆点 >一般用于无序类型的列表,如导航,侧边栏新闻等
◆ 一、开源项目简介 无界微前端是一款基于 Web Components + iframe 微前端框架，具备成本低、速度快、原生隔离、功能强等一系列优点。 ◆ 二、开源协议 使用MIT开源协议 ◆ 三、界面展示 ◆ 四、功能概述 背景 微前端已经是一个非常成熟的领域了，但开发者不管采用哪个现有方案，在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题、或无法提供支持。 Web Components 是一个浏览器原生支持的组
用到的就是iframe嵌套的页面加载完毕的时候，运用onload事件来获取嵌套在iframe中网页的高度，然后赋值给Iframe的高度即可。
按照计划今天就要用实际的例子进行iframe自动化测试。经过宏哥长时间的查找，终于找到了一个含有iframe的网页（QQ邮箱和163邮箱），别的邮箱宏哥就没有细看了。所以今天这一篇的主要内容就是用这两个网页的iframe结合上一篇的理论知识，宏哥给小伙伴或者童鞋们演示一下。
1 html布局1.1 使用div块元素 元素是用于分组 HTML 元素的块级元素；1.1.1 举例<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>布局学习</title></head><body> <div id="title" style="background-color: rgb(172, 132, 140)03点击劫持（ClickJacking）漏洞挖掘及实战案例全汇总点击劫持（Click Jacking）是一种视觉上的欺骗手段，攻击者通过使用一个透明的iframe，覆盖在一个网页上，然后诱使用户在该页面上进行操作，通过调整iframe页面的位置，可以使得伪造的页面恰好和iframe里受害页面里一些功能重合（按钮），以达到窃取用户信息或者劫持用户操作的目的。04技术分享 | 网页 frame 与多窗口处理那么通过传入 id、name、index 以及 Selenium 的 WebElement 对象来切换 frame02《最新出炉》系列初窥篇-Python+Playwright自动化测试-13-playwright操作iframe-下篇通过前边两篇的学习，想必大家已经对iframe有了一定的认识和了解，今天这一篇主要是对iframe做一个总结，主要从iframe的操作（输入框、点击等等）和定位两个方面进行总结。06关于前端iframe嵌套页面的跳转问题问题: 在A页面使用iframe嵌套了B页面,B页面中做了权限校验,即登录成功后才可以访问B中的某个页面,如果没有登录,则跳转A登录页面.02技术分享 | 网页 frame 与多窗口处理那么通过传入 id、name、index 以及 Selenium 的 WebElement 对象来切换 frame02网页 frame 与多窗口处理<iframe src="1.html" id="hogwarts_id" name="hogwarts_name"></iframe>02IT课程 HTML基础 014_多媒体和嵌入内容多媒体和嵌入内容 HTML5中的音频和视频标签的使用 嵌入内容的应用，如地图、嵌入网页等01深入探究 Playwright：Frame 操作技巧在 Web 应用程序中，页面可能会包含一个或多个嵌套的 iframe（框架），而这些 iframe 可能包含了不同的内容或功能。在自动化测试和网页爬取中，对页面中的 iframe 进行操作是一项重要的任务。Playwright 提供了丰富的 API 来处理页面中的 Frame，本文将深入探讨这些技巧。01界面劫持之点击劫持赛门铁克(Symantec)在2019年的《互联网安全威胁报告》中称：Formjacking 攻击飙升，已有取代勒索和挖矿成为互联网安全最大威胁之势。Formjacking 从技术角度看，主要是将恶意 javascript 代码嵌入到合法网站中，用于获取敏感信息，而这种攻击手法本质上属于界面劫持中的 clickjacking（点击劫持）。本文将结合界面劫持的发展历程，以实例讲解点击劫持的原理并介绍目前针对此类攻击的防御思路。02
点击劫持（Click Jacking）是一种视觉上的欺骗手段，攻击者通过使用一个透明的iframe，覆盖在一个网页上，然后诱使用户在该页面上进行操作，通过调整iframe页面的位置，可以使得伪造的页面恰好和iframe里受害页面里一些功能重合（按钮），以达到窃取用户信息或者劫持用户操作的目的。
那么通过传入 id、name、index 以及 Selenium 的 WebElement 对象来切换 frame
通过前边两篇的学习，想必大家已经对iframe有了一定的认识和了解，今天这一篇主要是对iframe做一个总结，主要从iframe的操作（输入框、点击等等）和定位两个方面进行总结。
问题: 在A页面使用iframe嵌套了B页面,B页面中做了权限校验,即登录成功后才可以访问B中的某个页面,如果没有登录,则跳转A登录页面.
<iframe src="1.html" id="hogwarts_id" name="hogwarts_name"></iframe>
多媒体和嵌入内容 HTML5中的音频和视频标签的使用 嵌入内容的应用，如地图、嵌入网页等
在 Web 应用程序中，页面可能会包含一个或多个嵌套的 iframe（框架），而这些 iframe 可能包含了不同的内容或功能。在自动化测试和网页爬取中，对页面中的 iframe 进行操作是一项重要的任务。Playwright 提供了丰富的 API 来处理页面中的 Frame，本文将深入探讨这些技巧。
赛门铁克(Symantec)在2019年的《互联网安全威胁报告》中称：Formjacking 攻击飙升，已有取代勒索和挖矿成为互联网安全最大威胁之势。Formjacking 从技术角度看，主要是将恶意 javascript 代码嵌入到合法网站中，用于获取敏感信息，而这种攻击手法本质上属于界面劫持中的 clickjacking（点击劫持）。本文将结合界面劫持的发展历程，以实例讲解点击劫持的原理并介绍目前针对此类攻击的防御思路。
领取专属 10元无门槛券
手把手带您无忧上云
3 </marquee>
移动效果
包含
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
