离开和进入Html 页面时改变 Title
原理
使用了HTML5
的Page Visibility API
目前页面可见性API
有两个属性,一个事件,如下:
document.hidden: Boolean
值,表示当前页面可见还是不可见document.visibilityState
: 返回当前页面的可见状态,取值有hidden
visible
prerender
preview
visibilitychange
: 当可见状态改变时候触发的事件
var OriginTitile = document.title;
var titleTime;
document.addEventListener('visibilitychange', function() {
if (document.hidden) {
document.title = '页面崩溃502 - ' + OriginTitile;
clearTimeout(titleTime);
}
else {
document.title = '重新链接 - ' + OriginTitile;
titleTime = setTimeout(function() {
document.title = OriginTitile;
}, 500);
}
});