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

Posted 2023-02-16

【中文标题】检测您的网站是不是在后台运行

【英文标题】：detect if your website run in background检测您的网站是否在后台运行

【发布时间】：2015-08-19 09:56:25

【问题描述】：

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

【问题讨论】：

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

【参考方案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"); )

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

【参考方案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