وای! امروز میخوایم راجع به یه قابلیت مهم توی HTTP برای وبسایتهای مدرن و امروزی صحبت کنیم؛ "Feature-Policy" که کمک میکنه شما بتونید میزان دسترسی و قابلیتهای موجود در وبسایتها رو خیلی بهتر کنترل کنید مخصوصا برای رسانههایی مثل ویدیوها و تصاویر. خیلی باحاله، درسته؟
وقتی صحبت از وبسایتهای حرفهای و کاربرپسند میاد وسط، داشتن کنترل بیشتر روی تجربه کاربر چیز خوبیه. به این صورت که شما میتونید با استفاده از این قابلیت، تعیین کنید که رسانهها بدون اندازهگذاری مناسب نمایش داده نشن. این یعنی چی؟ خب بیایید براتون بگم.
تصاویر و ویدیوهایی که بدون مشخص کردن ابعاد گذاشته میشن، میتونن باعث مشکلاتی مثل بارگزاری کند و نمایش غیر منظم تو استایل بشن. قابلیت "unsized-media" توی Feature-Policy بر شما کنترل میذاره تا بتونید از این مشکلات جلوگیری کنید.
آیا تا حالا شده صفحهای رو ببینید که تصاویر توش هی از نو بارگزاری میشن و کل صفحه بالا و پایین میپره؟ ناسلامتی تجربه کاربری تو دنیای وب خیلی مهمه و این پریدنهای عجیب، اصلاً خوب نیست. حالا با تنظیم این سیاست، اطمینان حاصل میکنید که این نوع مسائل کاهش پیدا کنه و کاربراتون تجربه بهتری داشته باشن.
حالا که شما رو مشتاق کردم، بیایید کدهای مربوطه رو ببینیم و یاد بگیریم چطور میتونیم از ویژگی "unsized-media" استفاده کنیم.
<!-- تنظیم قابلیت unsized-media در Feature-Policy -->
<meta
http-equiv="Feature-Policy"
content="unsized-media 'none'">
بیایید این کدها رو خط به خط توضیح بدیم.
<!-- تنظیم قابلیت unsized-media در Feature-Policy -->
خط ابتدایی به ما نشون میده که قراره قابلیت unsized-media رو توی Header بگذاریم و خودمون هم کامنت گذاشتیم، که خیلی خوبه برای مستندسازی.
<meta http-equiv="Feature-Policy" content="unsized-media 'none'">
این خطی از کد هست که به مرورگرها میگه قابلیت unsized-media رو از طریق ویژگی policy غیرفعال کن و هیچ رسانهای بدون ابعاد مناسب به صفحه اضافه نشه.