Page Visibility API - 吸引大家的注意力了吗?

Michael Mahemoff

多标签页浏览已成为常态,因此,您不能仅仅因为应用在运行就假定用户在观看您的应用。幸运的是,借助新的 Page Visibility API,您的应用可以发现自己是否可见。您可以使用该 API 减少不必要的网络活动和计算。

document.webkitHidden 是一个布尔值,表示当前页面是否处于隐藏状态(如果您使用的是近期的 Chromium build,可以立即在控制台中试用)。document.webkitVisibilityState 将返回一个字符串,表示当前状态(visiblehiddenprerendered 之一)。当发生任何这些更改时(例如,当用户打开应用的标签页或离开该标签页时),系统都会触发新的 webkitvisibilitychange 事件。

如果您有兴趣试用此功能,请查看 visibility.js,该库为 API 添加了一些糖衣,让观看这些互动变得更加有趣。