如何檢測跨域Iframe的可見性？

Question

有些公司聲稱能夠檢測iframe的可見性而無需訪問嵌入頁面。我找到的兩個是spider.io和comscore，兩者都說他們的技術正在申請專利。任何想法他們可能會這樣做？

Answer 1

很簡單，通過標記iframe。 對此沒有任何'可專利'。

您可以在iframe上設置1像素GIF「標籤」或使用所謂的「軟標籤」，這可以順便跟蹤任何頁面的任何元素，而不僅僅是嵌入頁面以外的iframe。 使用的代碼是內聯JavaScript。

但我不確定此功能在comScore的DaX平臺之外是否可用。您可以隨時聯繫他們的支持部門。

Answer 2

這個問題真的很老，所以你現在可能有一個答案，但看到下面的一些方法，可以計算x域iframe的可見性。

在支持Flash並優化刷新率的瀏覽器中，如果Flash對象處於打開狀態並關閉屏幕，則可以在iframe中的關鍵區域放置flash像素，並測量刷新率以計算iframe的可見範圍。

在IE8 +（不優化Flash刷新率）中，您可以在相同的戰略位置使用document.elementFromPoint來檢測可見性，從而運行類似的檢測方法。因此，只能在IE中工作，但所有其他瀏覽器都會在x域iframe中返回值，而無需考慮視口。

在FF中，可以使用window.mozInnerScreenY/X屬性來幫助計算可見性。

我不會進一步詳細討論（因爲它在手機上花費太多精力），但它們是目前實現它的三種主要方式。

未來將會是下一個版本Chrome中的新IntersectionObserver，因此在Flash最終咬住粉塵之前，希望這些新的IntersectionObserver可以普遍使用。