Как запретить IFRAME перенаправлять окно верхнего уровня

На некоторых веб-сайтах есть код для «выхода» из IFRAMEвложений, что означает, что если страница Aзагружается как IFRAMEвнутренняя родительская страница, Pкакой-то Javascript Aперенаправляет внешнее окно на A.

Обычно этот Javascript выглядит примерно так:

<script type="text/javascript">
  if (top.location.href != self.location.href)
     top.location.href = self.location.href;
</script>

Мой вопрос: как я как автор родительской страницы Pи не являюсь автором внутренней страницы A, как я могу предотвратить Aэтот разрыв?

PS Мне кажется, это должно быть нарушение межсайтовой безопасности, но это не так.

Попробуйте использовать свойство onbeforeunload, которое позволит пользователю выбрать, хочет ли он уйти со страницы.

Пример: https://developer.mozilla.org/en-US/docs/Web/API/Window.onbeforeunload

В HTML5 вы можете использовать свойство песочницы. См. Ответ Панкрата ниже. http://www.html5rocks.com/en/tutorials/security/sandboxed-iframes/

В HTML5 был добавлен атрибут песочницы iframe . На момент написания это работает в Chrome, Safari, Firefox и последних версиях IE и Opera, но делает в значительной степени то, что вы хотите:

<iframe src="url" sandbox="allow-forms allow-scripts"></iframe>

Если вы хотите разрешить перенаправление верхнего уровня, укажите sandbox="allow-top-navigation".

Я использую sandbox = "..."

• allow-forms позволяет отправлять формы
• allow-popups разрешает всплывающие окна
• allow-pointer-lock разрешает блокировку указателя
• allow-same-origin позволяет документу сохранять свое происхождение
• allow-scripts позволяет выполнять JavaScript, а также позволяет функциям запускаться автоматически
• allow-top-navigation позволяет документу выйти за пределы рамки, перемещаясь по окну верхнего уровня

Верхняя навигация - это то, что вы хотите предотвратить, так что оставьте это, и это будет запрещено. Все, что не указано, будет заблокировано

ех.

        <iframe sandbox="allow-same-origin allow-scripts allow-popups allow-forms" src="http://www.example.com"</iframe>

После прочтения спецификации w3.org . Я нашел свойство песочницы.

Вы можете установить sandbox="", что предотвращает перенаправление iframe. При этом он также не будет перенаправлять iframe. Вы потеряете щелчок по существу.

Пример здесь: http://jsfiddle.net/ppkzS/1/
Пример без песочницы: http://jsfiddle.net/ppkzS/

Я знаю, что вопрос был задан давно, но вот моя улучшенная версия, она будет ждать 500 мс для любого последующего вызова только тогда, когда загружен iframe.

<script type="text/javasript">
var prevent_bust = false ;
    var from_loading_204 = false;
    var frame_loading = false;
    var prevent_bust_timer = 0;
    var  primer = true;
    window.onbeforeunload = function(event) {
        prevent_bust = !from_loading_204 && frame_loading;
        if(from_loading_204)from_loading_204 = false;
        if(prevent_bust){
            prevent_bust_timer=500;
        }
    }
    function frameLoad(){
        if(!primer){
            from_loading_204 = true;
            window.top.location = '/?204';
            prevent_bust = false;
            frame_loading = true;
            prevent_bust_timer=1000;
        }else{
            primer = false;
        }
    }
    setInterval(function() {  
        if (prevent_bust_timer>0) {  
            if(prevent_bust){
                from_loading_204 = true;
                window.top.location = '/?204';
                prevent_bust = false;
            }else if(prevent_bust_timer == 1){
                frame_loading = false;
                prevent_bust = false;
                from_loading_204 = false;
                prevent_bust_timer == 0;
            }



        }
        prevent_bust_timer--;
        if(prevent_bust_timer==-100) {
            prevent_bust_timer = 0;
        }
    }, 1);
</script>

и onload="frameLoad()"и onreadystatechange="frameLoad();"должны быть добавлены к раме или фрейма.

Я нашел несколько полезных советов по этому поводу:

Используя JS, как я могу остановить перенаправление дочерних фреймов iframe или, по крайней мере, уведомить пользователей о перенаправлении

http://www.codinghorror.com/blog/2009/06/we-done-been-framed.html

http://coderrr.wordpress.com/2009/02/13/preventing-frame-busting-and-click-jacking-ui-redressing/

Так как страница, которую вы загружаете внутри iframe, может выполнять код «разрыва» с помощью setInterval, onbeforeunload может оказаться не таким практичным, поскольку он может запутать пользователя вопросом «Вы уверены, что хотите уйти?» Диалоги.

Также есть атрибут безопасности iframe, который работает только в IE и Opera.

:(

В моем случае я хочу, чтобы пользователь посетил внутреннюю страницу, чтобы сервер видел их IP-адрес как посетителя. Если я использую технику прокси-сервера php, я думаю, что внутренняя страница будет видеть мой IP-адрес сервера как посетителя, поэтому это не очень хорошо. Единственное решение, которое я получил до сих пор, - это Wilth onbeforeunload. Поместите это на свою страницу:

<script type="text/javascript">
    window.onbeforeunload = function () {                       
         return "This will end your session";
    }
</script>

Это работает как в firefox, так и в том, что я тестировал. вы найдете версии, использующие что-то вроде evt.return (что угодно) дерьмо ... которое не работает в firefox.

Таким образом вы сможете контролировать любое действие на странице во фрейме, чего вы не можете. Применяется политика происхождения одного домена .