آموزش صفت SandBox در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت SandBox در HTML با من همراه باشید.

آموزش صفت SandBox در HTML

Free-Learn

صفت SandBox در HTML

صفت sandbox صفتی است که در تگ IFrame مورد استفاده قرار میگیرد و میتواند یکسری محدودیت هایی برای (محتوای) آی فریم یا Iframe ایجاد نماید.

اگر از این صفت استفاده شود محدودیت های زیر اعمال خواهد شد:

  • محتوا را به عنوان یک منبع منحصر بفرد در نظر میگیرد
  • فرم ها را غیرفعال میکند
  • اسکریپت ها را غیرفعال میکند
  • API ها را غیرفعال میکند
  • استفاده از پلاگین ها (مثله <embed>, <object> و ..) را غیرفعال میکند
  • غیرفعال کردن ویژگی هایی که خودکار هستند مثله پخش اتومات ویدئوها و..
  • محتوا را از هدایت به سمت مرور زمینه های سطح بالا منع میکند

Free-Learn

عناصری که توسط این صفت پشتیبانی می شوند

این صفت را میتوان در عناصر/تگ های زیر بکار برد.

<iframe>

Free-Learn

مثال از صفت SandBox در HTML

در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.

امتحان کنید

مثال شماره ۲ : (اسکریپت ها اجرا شوند ولی بقیه محدودیت ها اعمال شود)

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت sandbox در HTML پشتیبانی میکنند یا خیر.

نام صفت Chrome Firefox Opera Safari IE
sandbox ۴٫۰ ۱۷٫۰ ۱۵٫۰ ۵٫۰ ۱۰٫۰

Free-Learn

نکات و توضیحات

صفت sandbox یک صفت جدید/اضافه شده در HTML5 می باشد.

اگر این صفت را بصورت تک مقداری یا به اینصورت (sandbox) قرار دهیم تمامی محدودیت ها برای محتوا اعمال خواهد شد ولی اگر به این صفت مقدار بدهیم (در جدول زیر) میتوانیم مثلا تعریف کنیم که اسکریپت ها فعال باشند ولی بقیه محدودیت ها اعمال شود.

از مقادیر زیر میتوانید در این صفت استفاده نمایید.

مقدار توضیح
بدون مقدار تمامی محدودیت ها اعمال خواهد شد
allow-forms اجازه میدهد فرم ها فعال/اجرا شوند
allow-pointer-lock اجازه میدهد API ها فعال/اجرا شوند
allow-popups اجازه میدهد پنجره های پاپاپ فعال/اجرا شوند
allow-same-origin به محتوای iframe اجازه می دهد که از یک مبدأ مشابه برخوردار باشد
allow-scripts اجازه میدهد اسکریپت ها فعال/اجرا شوند
allow-top-navigation اجازه میدهد تا به محتوای سطح بالا دسترسی پیدا کند

Free-Learn