首页 > 其他分享 >监听浏览器各个标签间的切换

监听浏览器各个标签间的切换

时间:2023-05-05 17:34:53浏览次数:41  
标签:visibilityState log 标签 console state 浏览器 document 监听


      document.addEventListener('visibilitychange',function(e){
            console.log(document.visibilityState);
            let state = document.visibilityState
            if(state == 'hidden'){
                console.log(document.visibilityState,'用户离开了');
            }
            if(state == 'visible'){
                console.log(document.visibilityState,'回来了');
            }
        })

标签:visibilityState,log,标签,console,state,浏览器,document,监听
From: https://www.cnblogs.com/HatcherBlogs/p/17374831.html

相关文章

  • 谷歌浏览器chrome安装postman插件
    1获取postman插件压缩包链接:https://pan.baidu.com/s/1pCNJxrM4gCvODa9tIbteDg?pwd=waje提取码:waje  2安装2.1下载压缩包,并且解压,然后打开浏览器2.2点击浏览器右上角三个点,更多工具,扩展程序2.3打开开发者模式2.4点击加载扩展程序,选择解压后的文件po......
  • 指纹浏览器简介
      保护隐私的新型工具随着互联网的普及,网络安全和隐私保护成为了越来越重要的议题。在这个背景下,指纹浏览器应运而生,成为一种独特且实用的工具,以保护用户的在线隐私。那么,指纹浏览器究竟是什么?它如何保护我们的隐私?本文将为您揭示这一神秘的浏览器工具。一、什么是指纹浏览器......
  • img标签的title和alt区别?png、jpg、gif这些图片格式区别?
    img标签的title和alt区别title是鼠标移入图片的时候显示的内容;alt是图片无法加载时显示的内容在SEO层面上,蜘蛛抓取不到图片的内容,所以在写img标签时为了增加SEO效果就要设置alt属性,来描述这张图是什么内容或者关键词png、jpg、gif图片格式区别png:无损压缩,尺寸体积要比......
  • 【SpringBoot】【二】 SpringApplicationRunListeners 监听器执行过程详解
    1 前言我们看到SpringBoot启动的时候,会在每个时机执行监听器,这节我们就来看看,加载监听器的过程我们就不说了哈,上节说过了哈,本节我们主要看:(1)SpringApplicationRunListeners的创建过程(2)监听器的执行时机有哪些(3)监听器的执行过程三个方面来看哈。2 使用在看之前,我们先......
  • 关闭 Chrome 浏览器 更新错误 弹窗
    1Chrome使用一段时间后,右上角总会弹出弹窗,并且影响鼠标聚焦,如下图: 2解决方式:右键点击桌面Chrome图表,然后点击属性,按照下图操作:在快捷方式——目标后输入:  --disable-background-networking  3最后重新启动,就OK了 ......
  • 弹幕标签(跑马灯)用法(前端开发小技能)
    弹幕标签1、注意弹幕标签marquee,现在一些浏览器是不支持的2、弹幕标签也叫跑马灯marquee格式及其含有的属性1、基本格式<marquee></marquee>2、一些属性1)direction属性:表示的是弹幕行走的方向,如下面实现向左行走<marqueedirection="left">这波操作6</marquee>其中direction还可以......
  • HTML中LINK标签的那些属性
    在HTML中, link 标签是一个自闭合元素,通常位于文档的head部分。它用于建立与外部资源的关联,如样式表、图标等。 link 标签具有多个属性,其中 rel 和 href 是最常用的。 rel属性定义了当前文档与链接资源之间的关系。常见的rel属性值有:-stylesheet:表示链接到一个......
  • nginx控制浏览器缓存
    创建一个html文件vimcache.html<html><body><h1>Hello,Nginx~!~</h1></body></html>配置conf文件,这里配置在imooc.conf,可以自定义location/static{alias/home/imooc;}检查语......
  • 【SpringBoot】【一】 加载初始化器、监听器详解
    1 前言本节主要讲下SpringBoot启动的时候,加载初始化器、监听器的过程哈。2 加载时机我们先来看下加载的时机,也就是什么时候加载的呢,就是我们SpringBoot启动的时候,创建SpringApplication的时候就会去加载的,我们看下:@SpringBootApplicationpublicclassDemoApplicati......
  • python+playwright 学习-60 在打开的多个标签页窗口灵活切换
    前言当页面打开了多个标签页后,如何切换到自己需要的标签页上呢?使用场景以百度首页为例,当打开多个标签页后,如何切换到自己想要的页面上操作。通过context.pages可以获取到所有的page对象,每一个page对象就代表一个标签页实例fromplaywright.sync_apiimportsync_playwrigh......