سلام وقت بخیر

سوال جالبی بود، یک تابع جاوااسکریپت میخواد، من یک مینی پروژه طراحی کردم که میتونید بررسی بکنید(لینک‌های مورد نیاز رو پایین قرار دادم).

گیت هاب | کدپن | مشاهده آنلاین

📌 2 نکته مهم رو باید در نظر بگیرید:

1. سایت هایی که اجازه نمیدند، بعد کلیک قسمت کنسول مرورگر خطا‌ها رو بررسی بکنید و تحقیق بکنید چی هستند.

2. وقتی می‌خواید با iframe یک سایت رو نشان بدید باید اجازه این کار رو داشته باشید بعضی‌ها به صورت پیش فرض این اجازه رو میدن ولی بعضی‌ها نه، حالا چرا؟

توضیح درباره‌ی هدرهای امنیتی مرتبط با iframe:
🎯 X-Frame-Options:

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

🎯   :Content-Security-Policy (CSP) - frame-ancestors

یک هدر جدیدتر و قوی‌تر است که سیاست‌های امنیتی چندگانه را تعیین می‌کند.

💯 چرا این هدرها مهم‌اند؟

جلوگیری از حملات Clickjacking: اگر سایتی اجازه دهد بدون محدودیت داخل iframe هر جایی نمایش داده شود، ممکن است کسی صفحه آن را روی سایت مخرب بارگذاری کند و کاربران را فریب دهد که مثلا روی دکمه‌های مخرب کلیک کنند و برای کنترل امنیت و حفظ حریم خصوصی کاربران هست.

منابع معتبر برای مطالعه بیشتر:

MDN Web Docs درباره X-Frame-Options

MDN Web Docs درباره Content-Security-Policy frame-ancestors

OWASP توضیح در مورد Clickjacking و راهکارها