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

【问题标题】：detect if your website run in background检测您的网站是否在后台运行
【发布时间】：2015-08-19 09:56:25
【问题描述】：

有没有办法检测我的网站是否在后台运行，例如：我的网站在浏览器中打开，但用户站在另一个选项卡上以 youtube 为例。

【问题讨论】：

您想知道您网站的脚本是否仍在运行？好吧，我倾向于说是的。取决于浏览器，但现在多任务处理真的很流行。

标签： javascript jquery

【解决方案1】：

ifvisible.js, demo

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

使用Page Visibility API、demo

Page Visibility API 让您知道网页何时可见重点。通过选项卡式浏览，有合理的机会给定的网页在后台，因此对用户不可见。当用户最小化网页或移动到另一个选项卡时，API 发送有关页面可见性的 visibilitychange 事件。您可以检测事件并执行一些操作或行为不同。例如，如果您的网络应用正在播放视频，它会在用户查看另一个浏览器的那一刻暂停，然后再次播放当用户返回选项卡时。用户不会失去他们的位置在视频中，可以继续观看。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

为此使用jQuery blur：

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

在我的控制台中对 stackoverflow 进行了测试，当我转到不同的选项卡时它会抛出控制台消息。

【讨论】：

【解决方案4】：

检查下面的链接。我希望你得到你的答案

1.Possible to detect if a user has multiple tabs of your site open?

2.Check if my website is open in another tab

【讨论】：