أصبحت Screen Wake Lock API متاحة الآن في جميع المتصفّحات.

Thomas Steiner

لقد أصبحت Screen Wake Lock API متوفّرة رسميًا في جميع المتصفحات الرئيسية، مثل: Chrome وSafari وFirefox. تتيح لك واجهة برمجة التطبيقات هذه التحكم في سلوك تنشيط شاشة الجهاز، وضمان تفاعلات بلا انقطاع مع تطبيقات الويب.

أصبحت حالتا الاستخدام التاليتان ممكنًا الآن.

• عروض تقديمية سلسة: تمنع واجهة برمجة التطبيقات تعتيم الشاشات في الإجراءات المستنِدة إلى الويب أو العروض التقديمية، بحيث يمكن لمقدمي العروض الآن تقديم عرض تقديمي الخبرة المهنية.
• مواقع وصفات الطعام: يمكن لواجهة برمجة التطبيقات إبقاء الشاشة قيد التشغيل، حتى لا يشعر المستخدمون بالقلق بشأن إطفاء الشاشة فيما امتلأت أيديهم بالعجين عندما باتباع وصفة الخبز.

للحصول على التفاصيل الكاملة حول استخدام واجهة برمجة التطبيقات، اطلع على البقاء في الوضع النشط باستخدام واجهة برمجة التطبيقات Screen Wake Lock API يعرض مقتطف الرمز التالي التفاعلات الأكثر شيوعًا.

// The wake lock sentinel.
let wakeLock = null;

// Function that attempts to request a screen wake lock.
const requestWakeLock = async () => {
  try {
    wakeLock = await navigator.wakeLock.request();
    wakeLock.addEventListener('release', () => {
      console.log('Screen Wake Lock released:', wakeLock.released);
    });
    console.log('Screen Wake Lock released:', wakeLock.released);
  } catch (err) {
    console.error(`${err.name}, ${err.message}`);
  }
};

// Request a screen wake lock…
await requestWakeLock();
// …and release it again after 5s.
window.setTimeout(() => {
  wakeLock.release();
  wakeLock = null;
}, 5000);

يعتبر الاعتماد العالمي لواجهة برمجة تطبيقات Screen Wake Lock API خطوة إيجابية إلى الأمام بالنسبة إلى منتدى تطوير الويب. وبفضل تطبيقاته المتنوعة ودعمه على نطاق واسع، يمكنك إنشاء تجارب ويب أكثر موثوقية وصقل، مما يعود بالفائدة في النهاية المستخدمين عبر المتصفحات المختلفة. مع أطيب التحيّات،