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

时间:2015-03-18 17:05:19

标签: javascript security iframe cross-domain phantomjs

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

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

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

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

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

2 个答案:

答案 0 :(得分:2)

实际上有一种方法可以在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中的代码,请告诉我,或者只是通过在线转换器运行它。

答案 1 :(得分:0)

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