Dans cet atelier de programmation, vous allez découvrir le fonctionnement de la règle d'origine commune lors de l'accès aux données d'un iFrame.
Configuration : page avec un iframe de même origine
Cette page intègre un iframe, appelé iframe.html, dans la même origine.
Comme l'hôte et l'iFrame partagent la même origine, le site hôte peut accéder aux données de l'iFrame et exposer le message secret, comme ci-dessous.
const iframe = document.getElementById('iframe');
const message = iframe.contentDocument.getElementById('message').innerText;
Passer à un iFrame interorigine
Essayez de remplacer la propriété src de iframe par https://other-iframe.glitch.me/.
La page hôte peut-elle toujours accéder au message secret ?
Comme l'hôte et l'iframe intégré n'ont pas la même origine, l'accès aux données est limité.