Newly available 主要ブラウザで対応済みだが、古いバージョンでは未対応の場合がある。

概要

Screen Wake Lock API はデバイスの画面が自動的にオフになることを防止します。レシピ表示やプレゼンテーションなどに使用します。

対応ブラウザ

デスクトップ

Chrome 84+
Edge 84+
Safari 16.4+
Firefox 126+

モバイル

Chrome Android 84+
Safari iOS 18.4+
Firefox Android 126+

基本構文

JAVASCRIPT
let wakeLock = null;
async function requestWakeLock() {
  wakeLock = await navigator.wakeLock.request('screen');
  console.log('Wake Lock 有効');
}
async function releaseWakeLock() {
  await wakeLock?.release();
  console.log('Wake Lock 解除');
}

実務での使いどころ

  • Screen wake lock の活用

    Screen Wake Lock API。画面のスリープを防止するAPI。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。