Program In Background Javascript

Question

Say I make a program and run it on chrome, then switch tabs.

Or what if I open my javascript app, then switch apps, while having mine in the background.

Is there way to tell if the program is on foreground or background in javascript?

Thanks, this would really help.

subwaymatch · Accepted Answer · 2017-02-22 02:13:25Z

2

You can use Page Visibility API to handle foreground/background switch in Javascript.

if (document.visibilityState == "visible") {
    // foreground
} else if (document.visibilityState == "hidden" {
    // background
}

Checking for document.hasFocus() wouldn't work on cases when the page is running in foreground (and visible), but not focused.

answered Feb 22, 2017 at 2:05

subwaymatch

1,04010 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Freyja · Accepted Answer · 2017-02-22 02:06:16Z

2

You can use document.hasFocus() to check if the current page is focused.

answered Feb 22, 2017 at 2:06

Freyja

41.3k9 gold badges89 silver badges130 bronze badges