Bu codelab'de, bir iFrame'deki verilere erişirken aynı kaynak politikasının nasıl çalıştığını göreceksiniz.
Kurulum: Aynı kökenli iframe içeren sayfa
Bu sayfa, aynı kaynakta iframe.html adlı bir iframe yerleştirir.
Ana makine ve iFrame aynı kaynağı paylaştığından ana makine sitesi, iFrame'deki verilere erişebilir ve gizli mesajı aşağıdaki gibi gösterebilir.
const iframe = document.getElementById('iframe');
const message = iframe.contentDocument.getElementById('message').innerText;
Çapraz kaynaklı iframe'e geçiş
iframe öğesinin src özelliğini https://other-iframe.glitch.me/ olarak değiştirmeyi deneyin.
Ana sayfa gizli mesaja hâlâ erişebilir mi?
Ana makine ve yerleştirilmiş iframe aynı kaynağa sahip olmadığından verilere erişim kısıtlanır.