How to know if app is in background or foreground?

由 James Bond

2017年 01月 14日 04:20 English(英语) 3 回复

I want to know/intercept somehow if the app goes to the background to disable some threads. And if it comes back to the foreground...

How can I do that in a web application?

Thanks

响应

3 回复

Slawek Kowalski

2017年 01月 15日 22:58

You have use window events commone for HTML5.

Use this. Works for all Tizene phones:

    // Control app visibility.
    var hidden,visibilityChange;
    if (typeof document.hidden !== "undefined") {
    	hidden = "hidden";
    	visibilityChange = "visibilitychange";
    } else if (typeof document.webkitHidden !== "undefined") {
    	hidden = "webkitHidden";
    	visibilityChange = "webkitvisibilitychange";
    }
    
    function handleVisibilityChange(){
    	if (document[hidden]){
    			console.log("Page is now hidden.");
    			onAppBackground();
    	    } else {
    	    	console.log("Page is now visible.");
    	    	 onAppForeground();
    	    }
    	}
    document.addEventListener(visibilityChange, handleVisibilityChange, false);