Question

我在第三方网站上的iframe中运行了一些代码。有些将直接位于首页，有些将位于另一个iframe中，其中一些可能是跨域的。我需要找到一种方法来使用任何必要的方法获取首页的URL值。

由于跨域策略，我可以走得最远，直到浏览器停止代码正在执行的操作。我抓住错误并查看我所在的当前窗口上下文的引用者。大多数情况下，上面的页面是首页，但不一定。

我能看到的唯一方法是建立一个我认为是首页的URL列表，然后发送一个带有JS浏览器的机器人验证，看看iframe我的代码是否实际上是直接的嵌套在其中。

尽管如此，这仍然不是特别准确，而且我确信必须采用另一种方式......

感谢任何可以提供帮助的人。

Answer 1

实际上有一种方法可以在Chrome和Opera中获取域名（在多个嵌套的跨域iframe中），但在其他浏览器中却无法实现。

您需要使用'window.location.ancestorOrigins'属性。

我在下面创建了一段代码，它应该适合您，如果您认为可以改进代码或注释，请不要犹豫，编辑Github上的要点，以便我们可以做得更好：

要点：https://gist.github.com/ocundale/281f98a36a05c183ff3f.js

代码（ES2015）：

// return topmost browser window of current window & boolean to say if cross-domain exception occurred
const getClosestTop = () => {
    let oFrame  = window,
        bException = false;

    try {
        while (oFrame.parent.document !== oFrame.document) {
            if (oFrame.parent.document) {
                oFrame = oFrame.parent;
            } else {
                //chrome/ff set exception here
                bException = true;
                break;
            }
        }
    } catch(e){
        // Safari needs try/catch so sets exception here
        bException = true;
    }

    return {
        'topFrame': oFrame,
        'err': bException
    };
};

// get best page URL using info from getClosestTop
const getBestPageUrl = ({err:crossDomainError, topFrame}) => {
    let sBestPageUrl = '';

    if (!crossDomainError) {
        // easy case- we can get top frame location
        sBestPageUrl = topFrame.location.href;
    } else {
        try {
            try {
                // If friendly iframe
                sBestPageUrl = window.top.location.href;
            } catch (e) {
                //If chrome use ancestor origin array
                let aOrigins = window.location.ancestorOrigins;
                //Get last origin which is top-domain (chrome only):
                sBestPageUrl = aOrigins[aOrigins.length - 1];
            }
        } catch (e) {
            sBestPageUrl = topFrame.document.referrer;
        }
    }

    return sBestPageUrl;
};

// To get page URL, simply run following within an iframe on the page:
const TOPFRAMEOBJ = getClosestTop();
const PAGE_URL = getBestPageUrl(TOPFRAMEOBJ);

如果有人想要标准ES5中的代码，请告诉我，或者只是通过在线转换器运行它。

Answer 2

如果不与某种外部系统通信，绝对不可能。收集数据的最干净/最准确的方法是在浏览器允许的情况下获取顶部窗口URL，但是捕获错误并使用带有标记的引用来记录它是引用者。

绕过同源政策，从跨域iframe中获取网页的顶级网址

2 个答案: