سياسة المصدر نفسه وإطار iframe

Mariko Kosaka

لمتابعة هذا الدرس التطبيقي حول الترميز، افتح هذا الرابط في Glitch في علامة تبويب ثانية.

في هذا الدرس التطبيقي حول الترميز، تعرَّف على طريقة عمل سياسة المصدر المشترك عند الوصول إلى البيانات داخل إطار 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" المضمّن لا يتشاركان المصدر نفسه، يتم حظر الوصول إلى البيانات.