Tizen Developers

Hi,

You can refer to this link may be help you.

https://developer.tizen.org/community/code-snippet/web-code-snippet/how-recognize-foregound-or-background-state-application?tab=all

Hello,

try to use visibilitychange event to check whether your app is running in foreground or background. Try following code:

document.addEventListener("visibilitychange", function() {  
    if (document.hidden) {
        console.log("background");
    } else {
        console.log("foreground");
    }
});

Hello,

As say Palitsyna you can use webkitvisibilitychange event.

Also you may need to add background-support attribute to settings in config.xml

https://developer.tizen.org/development/guides/web-application/w3chtml5supplementary-features/performance-and-optimization/page-visibility

https://developer.tizen.org/development/tutorials/web-application/w3chtml5supplementary-features/performance-and-optimization/page-visibility

https://developer.tizen.org/development/tools/web-tools/configuration-editor#mw_setting

Hello,

You can also use the focus event.  Please refer the following code.

window.addEventListener('blur',function(){
    // TODO
    stateBackground = true;
});

window.addEventListener('focus',function(){
    // TODO
    stateBackground = false;
});

Hello,

as AVSukhov said, you need to add background-support attribute to settings in config.xml as shown below.

/* Web application execution is not suspended */
/* when the application is sent to the background */
<tizen:setting background-support="enable" />

More info here: https://developer.tizen.org/dev-guide/web/2.3.0/org.tizen.mobile.web.appprogramming/html/ide_sdk_tools/web_config_ext.htm#setting

Hi,
fyi: here is even tutorial regarding "visibilitychange": https://developer.tizen.org/development/articles/application-visibility
Alexey.

Hi,

I found a interesting example, http://www.samdutton.com/pageVisibility/

When you add new tab page, the music and animation stopped.Switch to back, the animation will continue again.