繁体   English   中英

如何检测iframe中的HTML元素是否在Chrome中呈现

[英]How to detect if an HTML element in an iframe is rendered in Chrome

背景:我有一个网站,其中有多个选项卡在服务器B上运行。这些选项卡之一包含一个iframe,该iframe正在加载在单独的服务器(服务器A)上运行的基于Angularjs的网站。 该网站每10秒刷新部分,以检查其他地方所做的更改。 如果不在该选项卡上,我想阻止这些呼叫。 我需要找到一种方法来检测页面是否已呈现,如果不是来自服务器A内的页面,则阻止该调用。

当前解决方案:在Firefox中,我已经使用getBoundingClientRect()。top在元素上进行此工作。 加载另一个选项卡时,该值会更改,因此可以检查它并阻止呼叫。 不过,这在Chrome中不起作用。 交换标签时,该值不变。

有人对此有任何建议或经验吗? 需要一种适用于所有浏览器的解决方案。

感谢您的建议。

使用以下方法解决了此问题:parent.document.getElementsByTagName('iframe')[0] .getBoundingClientRect()。top

在所有浏览器中,当iframe不在活动页面上时,此值都会更改。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM