对网页是否为当前展示标签页、是否最小化、以及是否后台运行进行监听

html5新加了window.visibilitychange事件以及window.visibilityState属性，当浏览器标签页被隐藏或显示时会触发window.vixibilitychange这个事件，同时会改变window.visibilityState的值（网页显示时为visible，网页隐藏时为hidden），利用这两个特性可以对网页状态进行监听。

使用示例：

document.addEventListener("visibilitychange", function() {console.log( document.visibilityState ); //visible 或 hidden
});

浏览器兼容性：

转载于:https://www.cnblogs.com/zhaozhipeng/p/10269113.html

对网页是否为当前展示标签页、是否最小化、以及是否后台运行进行监听相关推荐

php++网页最右下角,js实现右下角可关闭最小化div(可用于展示推荐内容)
本实例使用Javascript实现右下角可关闭最小化div,可以用于展示推荐内容,效果预览网址:http://keleyi.com/keleyi/phtml/xuanfudiv/3.htm 效果图片: ...
Vant Tab标签页
引入 import Vue from 'vue'; import { Tab, Tabs } from 'vant';Vue.use(Tab); Vue.use(Tabs); 代码演示基础用法通过 ...
火狐html页面空白页,火狐修改空白新标签页背景颜色，适应深色主题
火狐的主页一直设置的是空白页,最近换了深色主题,空白页的背景仍然是白色,比较刺眼.修改空白页的背景有三种方法,都不完美,各有优缺点,各位根据自己的情况使用. 使用自定义网址在本地新建一个html文件 ...
firfox新标签页打开的设置与优化
一.让Firefox在后台打开新标签当然可以用Tab Browzer Extensions和Tab Mix plus这样的插件实现,但是我有更加简单的. 1.在浏览器地址栏里输入about:conf ...
win10 edge浏览器的收藏夹如何在新标签页中打开?
点击收藏夹(ctrl+shift+O)--更多选项--显示收藏夹--始终鼠标中键点一下收藏的网页,即可以新标签页打开
Chrome 新标签页打开书签
Google Chrome 打开链接或者书签,总是在当前页面打开,这样就覆盖了我们正在浏览的网页,很不人性化,所以,当点击网页链接可以在新标签页打开,比较舒服. 方法一: 鼠标中键(滚轮)点击网页链接 ...
Selenium firefox浏览器修改为标签页打开方式的各种坑
需求: 今天有位朋友遇到一个梗,selenium使用firefox打开多个网页时,firefox总是以新窗口的方式打开:而这位朋友的需求是以标签页的方式打开新页面. 1.新窗口方式: 2.新标签页方式 ...
linux vim(gvim) 多标签页,Vim 的标签页功能
虽然一直在使用 Vim 写程序与文档,但是一直没有深究其标签页 (Tab Page) 功能的具体使用方法.现在开始重视这个问题,毕竟使用 Vim 的时间越来越少了,当然这只是针对我的所有生命而言 . ...
关于钉钉工作台无法打开新标签页的解决方案
项目场景:钉钉内打开新标签页项目场景:在钉钉后台页面点击打开新标签页的时候,在钉钉内打开新标签页问题描述在钉钉后台页面点击打开新标签页的时候,我们需要在钉钉内打开,而浏览器会自动弹出并打开页面. ...

对网页是否为当前展示标签页、是否最小化、以及是否后台运行进行监听

对网页是否为当前展示标签页、是否最小化、以及是否后台运行进行监听相关推荐

最新文章

热门文章