检测“浏览器”选项卡是否专注于移动浏览器

Question

I am willing to detect if the tab is in focus on as many mobile browsers as possible.

I saw that the common use in determining visibility is "document.hidden" or "document.visibilityState" , but on https://developer.mozilla.org/en-US/docs/Web/API/Document/hidden#Browser_compatibility is listed that it's not compatible on IE mobile .

Found also that many use document.addEventListener("visibilitychange", function() {}) - which also seems to might not be compatible on IE Mobile.

Another less common use is document.hasFocus() which is not supported in Opera Mini and might not be supported in Safari and Mobile Chrome..

plus, the "window.onblur" doesn't seem to work on chrome emulator.

Anyone knows maybe another way to check if the browser is in focus on all mobile browsers? or maybe one of the above is actually compatible to all?

Answer 1

Have you tried using the two events:

window.onfocus and window.onblur ?

You can associate code which triggers when it focuses and it blurs, so actually you can detect when it's not focused