javascript - 如何识别网页是在iframe中加载还是直接加载到浏览器窗口中？(How to identify if a webpage is being loaded inside an iframe or directly into the browser window?)

Question

I am writing an iframe based facebook app.

(我正在写一个基于iframe的Facebook应用程序。)

Now I want to use the same html page to render the normal website as well as the canvas page within facebook.

(现在，我想使用相同的html页面来呈现普通网站以及facebook中的画布页面。)

I want to know if I can determine whether the page has been loaded inside the iframe or directly in the browser?

(我想知道是否可以确定页面是否已在iframe中加载或直接在浏览器中加载？)

  ask by akshat translate from so

Answer 1

Browsers can block access to window.top due to same origin policy .

(由于相同的原始策略，浏览器可以阻止对window.top访问。)

IE bugs also take place.

(IE错误也会发生。)

Here's the working code:

(这是工作代码：)

function inIframe () {
    try {
        return window.self !== window.top;
    } catch (e) {
        return true;
    }
}

top and self are both window objects (along with parent ), so you're seeing if your window is the top window.

(top和self都是window对象（与parent ），因此您要查看窗口是否是顶部窗口。)