当前位置: 首页 > Web前端 > HTML

页面可见性目的

时间:2023-04-02 21:42:57 HTML

什么是页面可见性?页面可见性:对于用户来说,可见性就是能不能看到。显示页面就是我们正在看的页面,隐藏页面就是我们没有看过的页面。因为我们要一次打开很多标签页,来回切换,所以眼前总是只有一个页面,其他页面都被隐藏了。使用方法:给文档添加visibilitychange事件,如果document.hidden为true,则可见,如果为false,则隐藏,切换不同页面,触发visibilitychange事件.document.addEventListener("visibilitychange",function(){if(document.hidden){document.title="hidden";}else{document.title="visibile"}});console.log(document.visibilityState);备注:动画、视频、音频都可以在页面显示时打开,而在页面隐藏时,关闭时画一条1px高的线,不使用边框,可以保持效果一致不同浏览器的标准模式和怪异模式。