وقتی صحبت از بهینه‌سازی و کنترل تجربه کاربری وب‌سایت‌ها و اپلیکیشن‌ها می‌شود، یکی از قابلیت‌های جدید و جذاب وب، استفاده از HTTP Headers برای اعمال «پالیسی ویژگی‌ها» یا همان Feature-Policy است. این قابلیت به توسعه‌دهندگان اجازه می‌دهد تا کنترل بیشتری بر روی ویژگی‌های مختلفی که مرورگرها می‌توانند در سایت آن‌ها اجرا کنند، داشته باشند.
یکی از این ویژگی‌های جالب توجه و نسبتاً جدید screen-wake-lock است. این ویژگی به مرورگر اجازه می‌دهد تا صفحه نمایش دستگاه را در حالت روشن نگاه دارد و از خاموش شدن یا ورود به حالت خواب جلوگیری کند. استفاده از آن به ویژه در هنگام اجرای برنامه‌های کاربردی وب که نیاز به نمایش دائمی اطلاعات دارند، مثل برنامه‌های نقشه یا پخش کننده‌های ویدئویی، بسیار مفید است.
برای استفاده از این پالیسی، می‌توانید آن را داخل یک هدر HTML به صورت زیر پیاده‌سازی کنید:
<meta http-equiv="Feature-Policy" content="screen-wake-lock 'self'">با استفاده از این کد، شما به مرورگر می‌گویید که روشن نگه داشتن صفحه نمایش تنها در همان دامنه‌ای که کد اجرا شده، مجاز است. این ویژگی به جلوگیری از مصرف بیش از حد باتری و همچنین تامین امنیت و حریم خصوصی کاربران کمک می‌کند.
توضیح خط به خط کد
<meta http-equiv="Feature-Policy" این خط نشان می‌دهد که می‌خواهید از متا تگ برای اعمال پالیسی ویژگی‌ها استفاده کنید.
content="screen-wake-lock 'self'" در این قسمت شما مشخص می‌کنید که قابلیت screen-wake-lock فقط در همان دامنه‌ای که صفحه در آن لود شده، فعال باشد.