شبكة تعلم مع ناو

ما فائدة rel=”noopener” في الروابط؟

الخاصية rel="noopener" تعزّز الأمان عند فتح رابط في تبويب جديد:

<a href="https://example.com" target="_blank" rel="noopener noreferrer">Open in new tab</a>

ما المشكلة التي تمنعها؟

مع target="_blank" كان بإمكان الصفحة الجديدة الوصول إلى صفحتك الأصلية عبر window.opener، وتغيير عنوانها مثلًا إلى صفحة تصيّد تشبه موقعك (هجوم يسمى Tabnabbing).

noopener يقطع هذا الاتصال، فلا تستطيع الصفحة الجديدة التحكم بصفحتك.

هل ما زلت أحتاجها؟

المتصفحات الحديثة تطبق noopener تلقائيًا مع target="_blank". لكن إضافتها ما زالت عادة جيدة وآمنة للمتصفحات القديمة.

اختبر نفسك

خمسة أسئلة سريعة، مع الإجابة والشرح بعد كل سؤال.