انتقل إلى محتوى الدرس

Securing Frames with Sandbox Attribute عزل الإطارات أمنياً بخاصية sandbox

تعلم تضمين الصفحات المتداخلة باستخدام عنصر iframe في HTML: أتقن ضبط أبعاد الإطار، وتوجيه الروابط، وعزل الشيفرات عبر خاصية sandbox، وضبط سياسات الأذونات وميزات الأجهزة وتأخير التحميل.
6 صفوف تعليمية
لغة HTML
10,759 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
يحمل تضمين صفحات ومحتويات خارجية مخاطر أمنية جسيمة مثل هجمات حقن الشيفرات الخبيثة والاستيلاء على الجلسات وسرقة التفاعلات. يوفر معيار HTML5 خاصية العزل الأمني sandbox لتطبيق حجر أمني مشدد على محتوى الإطار وتجريده من كافة الامتيازات الخطرة.
الصف 2 شرح توضيحي
عند تطبيق خاصية sandbox مجردة دون أي قيم، يفعل المتصفح حظراً شاملاً: تُعطل جميع لغات البرمجة التنفيذية، وتُمنع النماذج من الإرسال، وتُحجب ملفات تعريف الارتباط، وتُمنع النوافذ المنبثقة، وتُحظر أي محاولة لإعادة توجيه الصفحة الأم.
الصف 3 شرح توضيحي
رمز خاصية العزل الصلاحية الممنوحة الأثر الأمني والتشغيلي
allow-scripts تشغيل لغة جافاسكريبت يسمح بالشيفرات التفاعلية مع الحفاظ على عزل الأصل ما لم يُدمج مع الأصل المشترك
allow-forms إرسال نماذج الإدخال يمكّن المستخدم من إرسال البيانات المكتوبة في نماذج الإطار إلى الخوادم
allow-same-origin الاحتفاظ بنفس نطاق الأصل يتيح الوصول لملفات الكوكيز ومساحة التخزين الخاصة بنطاق المستند
allow-popups فتح نوافذ منبثقة جديدة يسمح بفتح صفحات جديدة في ألسنة مستقلة دون اختراق الحاوية الأم
allow-top-navigation توجيه النافذة الرئيسية يسمح للإطار بتغيير مسار الصفحة الأم الحاضنة بالكامل
الصف 4 صورة توضيحية
جدار الحماية الأمني للإطارات بخاصية sandbox وسياسة الأذونات
الصف 5 كود برمجي
HTML
<!-- Sandboxed frame with minimal permissions -->
<iframe
  src="examples/navigation.html"
  sandbox="allow-scripts allow-forms"
  title="Secured External Widget"
  width="500"
  height="300">
</iframe>
الصف 6 ملاحظة هامة