javascript - 检测窗口是否可见

Question

这个问题在这里已经有了答案:




9年前关闭。

Possible Duplicate:
Javascript: Is there any way to detect that window is currently active? (i.e. is beening shown on active tab/window)

我有一个基于 Web 的仪表板，可以向医院楼层的护士等显示关键的时间敏感消息。挑战在于，如果仪表板未打开或最小化，他们将看不到消息并能够做出响应。我目前跟踪应用程序运行的时间百分比(它每 10 秒通过 AJAX 轮询新消息，因此我可以轻松查看它每小时执行多少请求或其他什么)，但这并不能告诉我应用程序是否已最小化.

一种方法是使用 onfocus/ onblur ，但这种方法的有效性有限，因为部署该系统的大多数计算机都是双显示器机器，它们通常会在一个屏幕上保持仪表板打开，同时在另一个屏幕上使用临床信息系统。使用焦点/模糊方法，此状态将计为“未聚焦”，但我希望将其计为“打开”的状态。

检测窗口可见性的任何想法？我在想可能包含一个微小的 Flash“像素”并检测它是否可见 - 还有其他想法吗？

Answer 1

您可以使用 Page Visibility API在支持它的浏览器中。否则，正如您所说，您将需要使用 onfocus/onblur 进行黑客攻击。

visibility.js是一个在所有浏览器中抽象它的库。如果浏览器不支持页面可见性 API，它将使用 onblur/onfocus hack。

function isPageHidden(){
     return document.hidden || document.msHidden || document.webkitHidden || document.mozHidden;
 }

来源: http://www.nczonline.net/blog/2011/08/09/introduction-to-the-page-visibility-api/

阅读: https://developer.mozilla.org/en-US/docs/DOM/Using_the_Page_Visibility_API