Определение того, является ли документ верхним уровнем или из iframe [duplicate]

Если вы хотите узнать, имеет ли пользователь доступ к вашему приложению с вкладки страницы facebook или проверки холста для подписанного запроса. Если вы этого не сделаете, возможно, пользователь не обращается к Facebook. Чтобы убедиться в подтверждении структуры и содержимого полей signed_request.

С помощью php-sdk вы можете получить подписанный запрос следующим образом:

$signed_request = $facebook->getSignedRequest();

Вы можете узнать больше о Signed Request здесь:

https://developers.facebook.com/docs/reference/php/facebook-getSignedRequest/

и здесь:

https://developers.facebook.com/docs/reference/login/signed-request/

window.frameElement Возвращает элемент (например, & lt; iframe & gt; или & lt; object & gt;), в который встроено окно, или значение null, если окно находится на верхнем уровне. Таким образом, идентификационный код выглядит как

if (window.frameElement) {
  // in frame
}
else {
  // not in frame
}

Это стандартный и довольно новый метод. Он точно работает в Chrome и Firefox. Я не могу рекомендовать его как универсальное решение, но здесь я должен упомянуть.

Принятый ответ не работал для меня внутри скрипта содержимого Firefox 6.0 Extension (Addon-SDK 1.0): Firefox выполняет сценарий содержимого в каждом: окно верхнего уровня и во всех iframe.

Внутри скрипта содержимого я получаю следующие результаты:

 (window !== window.top) : false 
 (window.self !== window.top) : true

Странная вещь в этом выходе заключается в том, что она всегда одинакова независимо от того, выполняется ли код внутри iframe или Окно верхнего уровня.

С другой стороны, Google Chrome, похоже, выполнил мой сценарий контента только один раз в окне верхнего уровня, поэтому вышеупомянутое не будет работать вообще.

Что, наконец, сработало для меня в сценарии содержимого в обоих браузерах, это:

 console.log(window.frames.length + ':' + parent.frames.length);

Без iframe это печатает 0:0, в окне верхнего уровня, содержащем один кадр, он печатает 1:1, а в единственный iframe документа, который он печатает 0:1.

Это позволяет моему расширению определять в обоих браузерах, если есть какие-либо фреймы, присутствующие, а также в Firefox, если он запускается внутри одного из фреймов.

Используйте эту функцию javascript как пример того, как это сделать.

function isNoIframeOrIframeInMyHost() {
// Validation: it must be loaded as the top page, or if it is loaded in an iframe 
// then it must be embedded in my own domain.
// Info: IF top.location.href is not accessible THEN it is embedded in an iframe 
// and the domains are different.
var myresult = true;
try {
    var tophref = top.location.href;
    var tophostname = top.location.hostname.toString();
    var myhref = location.href;
    if (tophref === myhref) {
        myresult = true;
    } else if (tophostname !== "www.yourdomain.com") {
        myresult = false;
    }
} catch (error) { 
  // error is a permission error that top.location.href is not accessible 
  // (which means parent domain <> iframe domain)!
    myresult = false;
}
return myresult;
}

RoBorg прав, но я хотел добавить примечание к стороне.

В IE7 / IE8, когда Microsoft добавила вкладки в свой браузер, они сломали одну вещь, которая приведет к хаосу с вашим JS, если вы не будете осторожны .

Представьте себе этот макет страницы:

MainPage.html
  IframedPage1.html   (named "foo")
  IframedPage2.html   (named "bar")
    IframedPage3.html (named "baz")

Теперь в рамке «baz» вы нажимаете ссылку (нет цели, загружается в рамку «baz»), она отлично работает.

Если загружаемая страница позволяет вызвать ее special.html, она использует JS для проверки, имеет ли «родительский кадр» родительский фрейм с именем «bar», он вернет true (ожидается).

Теперь скажем, что страница special.html при загрузке проверяет родительский фрейм (для существования и его имени, а если это «бар», он перезагружается в рамке бара, например

if(window.parent && window.parent.name == 'bar'){
  window.parent.location = self.location;
}

Скажем, вместо того, чтобы нажимать на исходную ссылку, как обычно, и загружать страницу special.html в рамке «baz», щелкнул его или решил открыть его в новой вкладке.

Когда эта новая вкладка загружает ( без родительских кадров вообще! ) IE войдет в бесконечный цикл загрузки страницы! потому что IE «копирует» структуру кадра в JavaScript, так что новая вкладка имеет родительский элемент, а у этого родителя есть имя «bar».

Хорошей новостью является проверка:

if(self == top){
  //this returns true!
}

в этой новой вкладке вернет true, и вы можете проверить это нечетное состояние.

if (window.frames.length != parent.frames.length) { page loaded in iframe }

Но только если число ваших iframe отличается на вашей странице и странице, которые загружают вас в iframe. Не делайте iframe на своей странице, чтобы получить 100% гарантию результата этого кода