Visibility.jsPage Visibility API的包装

Visibility.js是Page Visibility API的包装。它隐藏供应商前缀并添加高级功能。

页面可见性API可让您确定网页是对用户可见还是在背景选项卡或预渲染中隐藏。它允许使用JavaScript逻辑使用页面可见性状态，并通过禁用不必要的计时器和AJAX请求来提高浏览器性能，或改善用户界面体验（例如，当用户切换到另一个浏览器选项卡时，停止视频播放或幻灯片放映）。

此外，可以检测用户是否仍未打开链接时浏览器是否只是在预渲染页面，也不要将此视为分析模块中的访问，也可以不执行大量计算或其他操作来禁用该链接预渲染。

所有浏览器都原生支持Page Visibility API 。对于旧的浏览器，可以将其lib/visibility.fallback.js与焦点/模糊hack一起使用（请注意，该hack存在一个问题：当浏览器失去焦点但仍对用户可见时，其状态将变为[隐藏]）。

示例代码：

var slideshow = Visibility.every(5 * 1000, function () {
    nextSlide();
});

$('.stopSlideshow').click(function () {
    Visibility.stop(slideshow);
});