检测“浏览器”标签是否专注于移动浏览器

时间:2017-05-03 16:39:02

标签: javascript mobile visibility

我愿意检测该标签是否关注尽可能多的移动浏览器。

我发现确定可见性的常用方法是" document.hidden" " document.visibilityState" ,但在https://developer.mozilla.org/en-US/docs/Web/API/Document/hidden#Browser_compatibility上列出了它在IE移动设备上不兼容

还发现许多人使用 document.addEventListener(" visibilitychange",function(){}) - 这似乎也可能与IE Mobile不兼容。

另一个不太常见的用途是 document.hasFocus(),Opera Mini不支持这种用途,Safari和移动Chrome可能不支持..

加上," window.onblur"似乎不适用于chrome模拟器。

任何人都知道可能有另一种方法来检查浏览器是否专注于所有移动浏览器?或者上面的其中一个实际上与所有人兼容?

1 个答案:

答案 0 :(得分:1)

您是否尝试过使用这两个事件:

window.onfocuswindow.onblur

您可以关联代码,这些代码在聚焦时会触发并且会模糊,因此实际上您可以检测到它何时没有聚焦