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

Question

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

Answer 1

是的，window.onfocus和window.onblur适用于您的方案。

Answer 2

ifvisible.js，demo

  

Crossbrowser＆amp;用于检查用户是否正在查看页面的轻量级方法   或与之互动。

使用Page Visibility API，demo

  

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

Answer 3

使用jQuery blur：

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

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

Answer 4

选中以下链接。我希望你得到你的answare

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

2。Check if my website is open in another tab