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

Question

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

Answer 1

ifvisible.js，演示

跨浏览器和轻量级方式，用于检查用户是否正在查看页面或正在与页面进行交互。

使用网页浏览权限API，演示

页面可见性API可让您知道网页何时可见或处于焦点状态。使用选项卡式浏览时，任何给定的网页都有可能在后台出现，因此对用户不可见。当用户最小化网页或移动到另一个选项卡时，API将发送有关页面可见性的可见性更改事件。您可以检测到该事件并执行某些操作或表现不同。例如，如果您的Web应用正在播放视频，则它将在用户查看其他浏览器时暂停播放，并在用户返回至标签页时再次播放。用户不会在视频中失去自己的位置，可以继续观看。