绕过同源策略，从跨域iframe中获取页面的顶部URL

Question

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

由于跨域策略，我能走的最远的路是直到浏览器停止代码的操作。我发现了这个错误，并查看了我所在的当前窗口上下文的引用者。在大多数情况下，这上面的页面是首页，但不一定。

我能看到的唯一方法是建立一个我认为是首页的URL列表，然后用JS浏览器发送一个机器人程序，通过查看我的代码所访问的iframe是否直接嵌套在其中来验证。

不过，这仍然不是特别准确，我相信肯定有另一种方法…

感谢任何能提供帮助的人。

Answer 1

实际上有一种方法可以在Chrome和Opera中（在多个嵌套的跨域iframe中）获取域，尽管在其他浏览器中是不可能的。

您需要使用"window.location.aancestorOrigins"属性。

我在下面创建了一段代码，它应该对你有用，如果你认为你可以改进代码或评论，请不要犹豫，在Github上编辑要点，这样我们可以做得更好：

Gist：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，但会发现错误，并使用带有标志的refer来标记它是refer。