iframe

Selenium自动化测试-iframe处理 上一篇，我们介绍了元素的内容、属性、状态信息。写自动化脚本时会遇到 iframe嵌套页面，这时直接定位是不行的，今天我们要介绍怎么处理iframe定 iframe是HTML标签，作用是文档中的文档，或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架（即行内框架）, 作用就是嵌套网页。 以163网易邮箱账号或手机号码输入框为例，我们先按正常定位方法试下能否定位成功。 代码如下： 报错信息如下： Traceback (most recent call last): ...... raise exception_class(message, screen, stacktrace) selenium.common.exceptions.ElementNotInteractableException: Message: element not interactable (Session info: chrome=76.0.3809.132) 让我们定位到元素看下到底发生了什么 我们发现要定位的这个元素在当套的iframe页面里，我们要操作这个元素，需要先切换到iframe页面，才能正常定定位 <iframe name="" frameborder="0" id="x-URS-iframe1570682661270

前言 最近一个需求，需要在 Vue 项目中加入 含有iframe 的页面，同时在路由切换的过程中，要求iframe的内容 不会被刷新 。一开始使用了Vue自带的keep- alive发现没有用，于是自己研究了一下解决方案。。。。。。 Vue的keep-alive原理 要实现对保持iframe页的状态。我们先搞清楚为什么Vue的keep-alive不能凑效。keep-alive原理是把组件里的节点信息保留在了 VNode （在内存里），在需要渲染时候从Vnode渲染到真实DOM上。iframe页里的内容并不属于节点的信息，所以使用keep-alive依然会重新渲染iframe内的内容。 另外 ，我也尝试有过想法：如果把整个iframe节点保存起来，然后需要切换时把它渲染到目标节点上，能否实现iframe页不被刷新呢？————也是不可行的，iframe每一次渲染就相当于打开一个新的网页窗口，即使把节点保存下来，在渲染时iframe页还是刷新的。 实现的思路 既然保持iframe页里的状态很难实现，在这个时候我想到了一个别的方法。能否在Vue的route-view节点上动点手脚？使得在切换 非iframe页 的时候使用Vue的路由，当切换 iframe页 时则使用 v-show 切换显示与隐藏，使得iframe节点 一直不被删除 ，这样就能保持iframe的状态了。

iframe页面中： test.onclick = function () { var autoMessage = {"name":"三三"}; window.parent.postMessage(autoMessage,'*') } 父页面中： window.addEventListener('message',function(e){ let data = e.target; console.log(e.data); },false); 来源： https://www.cnblogs.com/pyx-blog/p/12190474.html