Thomas Steiner
Screen Wake Lock API נחת באופן רשמי בכל הדפדפנים המובילים – Chrome, Safari ו-Firefox. ה-API הזה מאפשר לשלוט בהתנהגות של יציאת המסך במכשיר, וכך להבטיח אינטראקציות ללא הפרעות עם אפליקציות אינטרנט.
שני התרחישים הבאים אפשריים עכשיו.
- מצגות חלקות: ה-API מונע עמעום של מסכים באפליקציות מבוססות-אינטרנט של מצגות או מצגות, כך שעכשיו מציגים יכולים לספק חוויה מלוטשת ומקצועית.
- אתרי מתכונים: ה-API יכול להשאיר את המסך פועל, כך שהמשתמשים לא צריכים לחשוש שהמסך ייכבה בזמן שהידיים שלהם מלאות בבצק במהלך ביצוע מתכון לאפייה.
לפרטים מלאים על השימוש ב-API, מומלץ לקרוא את המאמר נשארים במצב שינה עם 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 הוא צעד חיובי קדימה לקהילת פיתוח האתרים. בזכות האפליקציות המגוונות והתמיכה הנרחבת אפשר ליצור חוויית שימוש אמינות ומלוטשת יותר באינטרנט, שבסופו של דבר מועילה למשתמשים בדפדפנים שונים. שיהיה לך אינטרנט חלק יותר וללא הפרעות!