页面可见性用处

2024年5月10日 202次阅读 来源: 少年版

页面可见性有哪些用处？

页面可见性：关于用户来讲，可见性的意义就是能不能看到，显现的页面，就是我们正在看的页面，隐蔽的页面，就是我们没有看的页面。由于我们一次要翻开很多标签页面往返切换着，一直只要一个页面在我们面前，别的页面都是隐蔽的。
运用体式格局：给document增加visibilitychange事宜，document.hidden为true则可见，为false则为隐蔽，差别页面之间切换，促发visbilitychange事宜.

document.addEventListener("visibilitychange",function(){
    if(document.hidden){
        document.title="hidden";
    }
    else{
        document.title="visibile"
    }
});
console.log(document.visibilityState);

备注：动画，视频，音频都可以在页面显现时翻开，在页面隐蔽时封闭

完成不运用 border 画出1px高的线，在差别浏览器的规范形式与奇异形式下都能保持一致的结果

<div style="height:1px; overflow:hidden;background:red"></div>
    原文作者：少年版
    原文地址: https://segmentfault.com/a/1190000018366221
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞