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

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

我看到，在确定能见度常见的用途是“document.hidden”或“document.visibilityState”，但https://developer.mozilla.org/en-US/docs/Web/API/Document/hidden#Browser_compatibility上市，它是在IE移动不兼容。

发现还有很多人使用document.addEventListener（“visibilitychange”，function（）{}） - 这似乎也可能在IE Mobile上不兼容。

另一个不太常见的用途是未在Opera Mini的支持，可能无法在Safari和Chrome的手机支持..

加时，“window.onblur”不document.hasFocus（）似乎在Chrome模拟器上工作。

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

来源

2017-05-03 Inbal de Groot

IE移动是过时的检测。 Windows手机占智能手机市场的不到1％。使用document.hidden或document.visibilityState可能是值得的，不支持使用IE移动的不断缩小的用户群。 –

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

window.onfocus和window.onblur？

可以关联代码时，它的重点，它模糊了触发，所以实际上你可以当它不集中

来源

2017-05-03 16:43:05 quirimmo

检查他们在铬模拟器和代码去了与window.onblur相关的功能，当页面被聚焦 –

我在页面中添加了相同的功能作为例子，它的工作原理。当您切换标签页时，它实际上会打印模糊，然后当您返回到标签时它会输出焦点 – quirimmo

只需在页面中打开此处的控制台控制台，然后分别使用console.log（），打印焦点和模糊。你会注意到，在控制台中你有正确的输出正确的顺序 – quirimmo

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

回答

相关问题