Dans cet atelier de programmation, découvrez comment fonctionne la règle du même origine lorsque vous accédez 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.
Étant donné que 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 un coup de vent.
const iframe = document.getElementById('iframe');
const message = iframe.contentDocument.getElementById('message').innerText;
Passer à un iFrame inter-origines
Essayez de remplacer le src
de iframe
par https://other-iframe.glitch.me/
.
La page hôte peut-elle toujours accéder au message secret ?
Étant donné que l'hôte et l'iframe
intégré n'ont pas la même origine, l'accès aux données est limité.