网页切出当前标签页时更改标题状态

今天看到好几个网站切换页面的时候更改了一下网页标签，当切换回去的时候又变成了原来的标签，后面查了一下原来是一个叫visibilityState的js事件

浏览器里当用户切入或切出当前标签页时，会触发visibilitychange事件(IE10以下浏览器不兼容)。 这个事件能很好的解决页面在不可见的情况下，通过状态判断针对性减少网络请求、服务器压力等。 废话不多说，直接上js

代码语言：javascript复制

document.addEventListener('visibilitychange', function () {
    if (document.visibilityState == 'hidden') {
        normal_title = document.title;
        document.title = '这里填写你要的填写的东西';
    } else document.title = normal_title;
});

网站 浏览器 事件

0 人点赞