Come impedire a IFRAME di reindirizzare la finestra di livello superiore

Alcuni siti Web hanno il codice per "rompere" gli IFRAMEallegati, il che significa che se una pagina Aviene caricata come IFRAMEall'interno di una pagina padre, PJavascript Areindirizza la finestra esterna A.

In genere questo Javascript è simile al seguente:

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

La mia domanda è: in quanto autore della pagina principale Pe non essendo autore della pagina interna A, come posso evitare Adi fare questa rottura?

PS Mi sembra che dovrebbe essere una violazione della sicurezza tra siti, ma non lo è.

Prova a utilizzare la proprietà onbeforeunload, che consentirà all'utente di scegliere se desidera uscire dalla pagina.

Esempio: https://developer.mozilla.org/en-US/docs/Web/API/Window.onbeforeunload

In HTML5 è possibile utilizzare la proprietà sandbox. Di seguito, vedi la risposta di Pankrat. http://www.html5rocks.com/en/tutorials/security/sandboxed-iframes/

Con HTML5 è stato aggiunto l'attributo sandbox iframe . Al momento della stesura di questo funziona su Chrome, Safari, Firefox e le versioni recenti di IE e Opera ma fa praticamente quello che vuoi:

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

Se si desidera consentire i reindirizzamenti di livello superiore, specificare sandbox="allow-top-navigation".

Uso sandbox = "..."

• allow-form consente l'invio di moduli
• allow-popups consente i popup
• allow-pointer-lock consente il blocco del puntatore
• allow-same-origin consente al documento di mantenere la sua origine
• allow-scripts consente l'esecuzione di JavaScript e consente inoltre alle funzionalità di attivarsi automaticamente
• allow-top-navigation consente al documento di uscire dal riquadro navigando nella finestra di livello superiore

La navigazione in alto è ciò che vuoi prevenire, quindi lascialo fuori e non sarà permesso. Qualunque cosa lasciata fuori sarà bloccata

ex.

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

Dopo aver letto le specifiche di w3.org . Ho trovato la proprietà sandbox.

È possibile impostare sandbox="", che impedisce il reindirizzamento dell'iframe. Detto questo, non reindirizzerà neanche l'iframe. Perderai essenzialmente il clic.

Esempio qui: http://jsfiddle.net/ppkzS/1/
Esempio senza sandbox: http://jsfiddle.net/ppkzS/

So che è passato molto tempo dall'ultima domanda, ma qui è la mia versione migliorata che attenderà 500 ms per ogni chiamata successiva solo quando l'iframe viene caricato.

<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>

e onload="frameLoad()"e onreadystatechange="frameLoad();"deve essere aggiunto al frame o iframe.

Ho trovato alcuni hack utili su questo:

Utilizzando JS come posso impedire agli Iframe figlio di reindirizzare o almeno richiedere agli utenti il ​​reindirizzamento

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/

Dato che la pagina caricata all'interno dell'iframe può eseguire il codice "breakout" con un setInterval, il caricamento potrebbe non essere così pratico, dal momento che potrebbe confondere l'utente con "Sei sicuro di voler uscire?" le finestre di dialogo.

C'è anche l'attributo di sicurezza iframe che funziona solo su IE & Opera

:(

Nel mio caso, desidero che l'utente visiti la pagina interna in modo tale che il server visualizzi il proprio IP come visitatore. Se uso la tecnica del proxy php, penso che la pagina interna vedrà il mio server IP come visitatore, quindi non va bene. L'unica soluzione che ho ottenuto finora è il wilth onbeforeunload. Metti questo sulla tua pagina:

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

Funziona sia con Firefox che con quello, è quello per cui ho provato. troverai le versioni usando qualcosa come evt.return (qualunque) merda ... che non funziona in Firefox.

In questo modo sarai in grado di controllare qualsiasi azione della pagina incorniciata, cosa che non puoi. Si applica la politica di origine dello stesso dominio .