如何檢測iframe中的HTML元素是否在Chrome中呈現

Question

背景：我有一個網站，其中有多個選項卡在服務器B上運行。這些選項卡之一包含一個iframe，該iframe正在加載在單獨的服務器（服務器A）上運行的基於Angularjs的網站。 該網站每10秒刷新部分，以檢查其他地方所做的更改。 如果不在該選項卡上，我想阻止這些呼叫。 我需要找到一種方法來檢測頁面是否已呈現，如果不是來自服務器A內的頁面，則阻止該調用。

當前解決方案：在Firefox中，我已經使用getBoundingClientRect（）。top在元素上進行此工作。 加載另一個選項卡時，該值會更改，因此可以檢查它並阻止呼叫。 不過，這在Chrome中不起作用。 交換標簽時，該值不變。

有人對此有任何建議或經驗嗎？ 需要一種適用於所有瀏覽器的解決方案。

Answer 1

感謝您的建議。

使用以下方法解決了此問題：parent.document.getElementsByTagName（'iframe'）[0] .getBoundingClientRect（）。top

在所有瀏覽器中，當iframe不在活動頁面上時，此值都會更改。