判断浏览器活动标签页，这是怎么做的？

Question

在活动页和非活动页时title不一样，这是通过什么判断的呢？谢谢！

Answer 1

可以通过visibilitychange事件。
当浏览器的某个标签页切换到后台，或从后台切换到前台时就会触发该事件。
现在主流的浏览器都支持该事件了，例如Chrome, Firefox, IE10等。

var hiddenProperty = 'hidden' in document ? 'hidden' :    
    'webkitHidden' in document ? 'webkitHidden' :    
    'mozHidden' in document ? 'mozHidden' :    
    null;
var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
var onVisibilityChange = function(){
    if (!document[hiddenProperty]) {    
        console.log('页面非激活');
    }else{
        console.log('页面激活')
    }
}
document.addEventListener(visibilityChangeEvent, onVisibilityChange);