In questo codelab, scopri come funziona la policy della stessa origine quando accedi ai dati all'interno di un iframe.
Configurazione: pagina con un iframe con stessa origine
Questa pagina incorpora un iframe, denominato iframe.html, nella stessa origine.
Poiché l'host e l'iframe condividono la stessa origine, il sito host è in grado di accedere ai dati all'interno dell'iframe ed esporre il messaggio segreto come mostrato di seguito.
const iframe = document.getElementById('iframe');
const message = iframe.contentDocument.getElementById('message').innerText;
Passa all'iframe multiorigine
Prova a cambiare src di iframe in https://other-iframe.glitch.me/.
La pagina host può ancora accedere al messaggio segreto?
Poiché l'host e l'elemento iframe incorporato non hanno la stessa origine, l'accesso ai dati è limitato.