خط‌مشی هم‌مبدأ و iframe

Mariko Kosaka

در این codelab، ببینید که خط‌مشی هم‌مبدأ هنگام دسترسی به داده‌ها در iframe چگونه کار می‌کند.

راه‌اندازی: صفحه با iframe هم‌مبدأ

این صفحه یک iframe به‌نام iframe.html را در همان مبدأ جاسازی می‌کند. ازآنجایی‌که میزبان و iframe مبدأ یکسانی دارند، سایت میزبان می‌تواند به داده‌های داخل iframe دسترسی داشته باشد و پیام مخفی را مانند زیر افشا کند.

const iframe = document.getElementById('iframe');
const message = iframe.contentDocument.getElementById('message').innerText;

تغییر به iframe میان‌مبدئی

‫src مربوط به iframe را به https://other-iframe.glitch.me/ تغییر دهید. آیا صفحه میزبان هنوز می‌تواند به پیام مخفی دسترسی داشته باشد؟

ازآنجایی‌که میزبان و iframe جاسازی‌شده مبدأ یکسانی ندارند، دسترسی به داده‌ها محدود شده است.