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


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

document.addEventListener('visibilitychange', function () {
    if (document.visibilityState == 'hidden') {
        normal_title = document.title;
        document.title = '这里填写你要的填写的东西';
    } else document.title = normal_title;
});
最后修改:2020 年 11 月 23 日
如果觉得我的文章对你有用,请随意赞赏