javascript - 检测浏览器选项卡是否专注于移动浏览器

Question

我愿意检测该选项卡是否在尽可能多的移动浏览器上获得焦点。

我发现确定可见性的常见用法是“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 和 Mobile Chrome 也可能不支持。

另外，“window.onblur”似乎不适用于 Chrome 模拟器。

有人知道也许有另一种方法来检查浏览器是否聚焦于所有移动浏览器吗？或者也许以上其中之一实际上与所有兼容？

Answer 1

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

window.onfocus 和 window.onblur？

您可以关联在聚焦和模糊时触发的代码，因此实际上您可以检测到它何时未聚焦