检测您的网站是否在后台运行

Question

是否有一种方法来检测我的网站是否运行在后台，例如:我的网站在浏览器中打开，而用户站在另一个标签youtube上。

Answer 1

ifvisible.js，演示

跨浏览器&检查用户是否正在查看页面或与其交互的轻量级方法。

使用页面可见性API，演示

页面可见性API让您知道什么时候网页是可见的或焦点。使用选项卡式浏览，有一个合理的机会，任何给定的网页是在背景中，因此不可见的用户。当用户最小化网页或移动到另一个选项卡时，API发送一个有关页面可见性的visibilitychange事件。您可以检测事件并执行某些操作或行为不同。例如，如果您的web应用程序正在播放一个视频，它会在用户看到另一个浏览器时暂停，当用户返回到选项卡时再次播放。用户不会失去他们在视频中的位置，可以继续观看。

Answer 2

是的，window.onfocus和window.onblur应该适用于您的场景。

Answer 3

为此使用jQuery模糊：

$(window).blur(function(){ console.log("blur"); })

在我的控制台中测试堆栈溢出，当我转到另一个选项卡时，它会抛出控制台消息。