Wake Lock - Interactive Lab | IconVault

Try the Screen Wake Lock API live: request a lock, watch visibility handling, and see release events in real time. Free, runs in your browser.

All tools

Wake Lock

Screen wake lock with live status and visibility handling

5 of 5 free uses left

Wake Lock is not available in this browser. It needs Chrome/Edge 84+, Safari 16.4+ or Opera, served over HTTPS or localhost. The controls below will report the failure honestly instead of pretending.

Controls

API missing

5 of 5 free lock requests left. Everything runs in your browser.

Try this

  1. Request the lock, then switch to another tab for 10 seconds.
  2. Come back and watch the log: the lock was released while hidden.
  3. With auto re-acquire on, it comes back by itself.

Screen wake lock

RELEASED

No lock held. Your device may dim and sleep normally.

Type

screen

Auto re-acquire

on

Sentinel released

yes

Event log

Request a lock to start logging acquire, release and visibility events.

About this tool

IconVault's Wake Lock playground lets you experiment with the real Screen Wake Lock API: request a lock, watch the WakeLockSentinel status flip to active, and see exactly what happens when you switch tabs. The browser releases the lock automatically on hide, and with auto re-acquire enabled the tool requests a fresh lock when you return, all logged to a live event feed. It is free and runs fully in your browser, with honest support detection for browsers that lack the API.

This is the same API used by video players, presentation tools, recipe apps and dashboards that must keep the screen awake. The lab explains the release event, why locks do not survive page hides, and the HTTPS requirement, so you can ship reliable wake-lock behavior instead of guessing. No uploads, no accounts, no fake controls: every button calls the real `navigator.wakeLock.request()`.

Frequently asked questions

Popular searches

wake lock apiscreen wake locknavigator.wakelockwake lock javascriptwake lock demowakelock api examplescreen wake lock apiprevent screen sleep javascriptkeep screen on web appwakelock request examplewake lock sentinelwakelock release eventvisibilitychange wake lockre acquire wake lockwake lock browser supportwake lock safariwake lock chromewake lock firefoxwake lock https requirementscreen lock web apiprevent display sleep htmlkeep display awake websitewakelock notsupportederrorwake lock typescriptnavigator wakelock request screenscreen wake lock pwawake lock video playerwake lock presentation appmdn wake lockwake lock api tutorialhow to keep screen on with javascriptjavascript prevent screen timeoutwake lock api polyfillscreen wake lock reactwakelock auto releasedocument hidden wake lockwake lock best practiceswake lock batteryscreen wake lock mobilewake lock api demo pagetry wake lock api onlinewake lock playgroundwake lock testerwakelock sentinel releasedwhat is wake lock apiweb api keep screen awakescreen orientation wake lockwake lock vs fullscreendoes wake lock work on iphonewake lock screen timeoutkeep phone screen on website

More tools

Coming soon

CLI

Coming soon

Figma plugin

Coming soon

VS Code extension

Coming soon

Chrome extension

Coming soon

AI icon generator

Coming soon

Team workspaces

Coming soon

View all 10+ tools →