我想做的事情，如果它在技术上可行，利用JavaScript（jQuery等框架也完全没问题）来确定非活动浏览器窗口中可能仍然存在的百分比图。
例如，在下图中，想象我正在为CNN.com开展项目。在这种情况下，我知道我可以使用window.onfocus和window.onblur来确定标记为“背景”窗口的窗口是否在焦点上。
[！[在此处输入图像说明] [1]] [1]
但是，我有兴趣测量最终用户可以看到背景窗口的视口/页面的百分比，和/或背景窗口的页面百分比是不可见的。或者，另一种方法也可以是简单地确定元素（通过ID）是否在背景窗口中可见，或者它是否被任何前景窗口阻挡。
经过广泛的Google搜索和Stack Overflow搜索后，我找不到我想要实现的解决方案。这显然可能是由于技术上的不可能性，但我想确保我在故障排除方面不遗余力。
这里的用例是，我希望能够在页面上看不到给定元素时暂停视频和动画等 - 而不仅仅是当窗口不活动时，因为用户通常可以并排排列窗口，并且可能希望在多任务处理时观看视频。即使窗口可能在给定时刻处于活动状态。相反，如果窗口被遮盖，此处（出于商业目的）的愿望是暂停视频，因此当播放器不在视野范围内时，我们不会投放视频（或视频广告）。