Неверный способ определить, включена ли эта страница в межсетевом iframe

Ответ 1

Сначала проверьте, есть ли IFramed.

window.self !== window.top

Если вы IFramed, то ваш реферер является вашим родительским фреймворком.

document.referrer

Из этого URL-адреса вы сможете определить, хотите ли вы разветкить свой код.

Ответ 2

Реальное кросс-браузерное решение для потомков:

function isCrossOriginFrame() {
  try {
    return (!window.top.location.hostname);
  } catch (e) {
    return true;
  }
}

console.log(isCrossOriginFrame());

Протестировано на достойном уровне рабочего стола и мобильных браузеров.

https://jsfiddle.net/arzd4btc/3/

Ответ 3

используйте заголовок x-frame, это предотвратит загрузку вашего сайта в frame/iframe. существуют различные варианты здесь читать

Ответ 4

Если я вижу ваш прецедент:

Я бы посмотрел его на стороне сервера (кто назвал ваш сайт), используя $_SERVER['REMOTE_ADDR'], и если это ваш IP-адрес, вы можете скрыть брендинг и ссылки.

Если прецедент предотвратит создание вашего сайта, вы можете использовать X-Frame-Options: deny.

Другое предположение: Элементы внутри документа имеют свойство ownerDocument, возможно, это может помочь определить, что вы хотите.

Ответ 5

В соответствии с вашими текущими ограничениями нет возможности достичь этого с помощью DOM API. Любая оценка с окном, принадлежащим другому домену, выведет ошибку.

Тем не менее, "хак" должен был отправить XHR из вашего дочернего окна, чтобы загрузить известную страницу в вашем домене. Если этот XHR завершится успешно, то вы знаете, что оба окна являются одним и тем же доменом.

Однако это приведет к регистрации сообщения об ошибке на консоли.

Ответ 6

Попробуйте это (в iframe)

<script type="text/javascript">
  var detectOrigin = (window.location.ancestorOrigins === undefined ? 
  /example.com/.test(document.domain) /* firefox */ : 
  /example.com/.test(window.location.ancestorOrigins[0])); /* webkit */
  if (detectOrigin === true) {console.log(detectOrigin)}; /* `true` example.com origin */
  if (detectOrigin === false) {console.log(detectOrigin)}; /* `false` !example.com origin */
</script>

Ответ 7

Я попытался использовать референт для определения кросс-домена, но обнаружил, что он ненадежен на многих сайтах. Может быть, кто-то найдет это полезным.

function IsCrossDomainFrame() {
    if( parent === window ) return false; //not a frame
    var parentLocation = new URL(document.referer);//the referer of an iframe is the parent
    return (parentLocation.protocol !== location.protocol ||
            parentLocation.hostname !== location.hostname ||
            parentLocation.port     !== location.port);
}

Протокол, имя хоста и порт определяют кросс-домен.

Ответ 8

Для вложенных iframes: рекурсивный способ узнать, является ли iframe (где этот код выполняется) является кросс-доменом или нет:

function crosDomIfrm(win, data) {
        data = (typeof data === 'undefined')?{ref:win.document.location,isCD:false}:data;
        try { 
            if( win.document.referrer != '' ){
                data.isCD = parseURL(data.ref) != parseURL(win.document.referrer);
            }
        } catch(e){}
        if ( (win.self !== win.parent) && !data.isCD ) { //I'm in iframe
            data = crosDomIfrm( win.parent, data );
        }
        return {ref:data.ref,isCD:data.isCD};
    },

function parseURL(url) {
                var a=document.createElement('a');
                a.href=url;
                return a.hostname;
            }