js判断当前浏览器是否被浏览 document[hiddenProperty]

hangGe0111

于 2020-08-11 13:35:10 发布

阅读量762

点赞数

CC 4.0 BY-SA版权

分类专栏： Web 文章标签：当前浏览器是否被浏览

本文链接：https://blog.csdn.net/hangGe0111/article/details/107933413

本文介绍如何在JavaScript中判断当前浏览器窗口是否被用户活动浏览。通过改变浏览器标题并设置定时器，当用户切换到其他窗口时，可以提示用户有新消息。此方法适用于房产咨询等场景，提醒客服及时回复消息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.背景：
做房产咨询时，在B客服端如果收到客户发过来消息，浏览器不在当前浏览窗口，在标题栏提示B端客服收到新消息消息，方便B端客服及时回复新消息。

2.实现思路：
判断B端是否浏览当前页，改变浏览器title值，通过计时器改变title，做出来的效果有点像动画的赶脚。（此处的else部分应该写在收到信息时执行，收到消息判断不在当前页，则改变title）
3.代码实现

<html>

	<head>
		<meta charset="UTF-8">
		<title>当前页面 </title>
	</head>

	<body>
		<script type="text/javascript">
			var hiddenProperty = 'hidden' in document ? 'hidden' :
				'webkitHidden' in document ? 'webkitHidden' :
				'mozHidden' in document ? 'mozHidden' :
				null,
				timer = false,
				visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange'),
				onVisibilityChange = function() {
					if(!document[hiddenProperty]) { //在当前页
						document.title = "当前页面";
						if(timer) {
							window.clearInterval(timer);
							timer = false;
						}
					} else {
						document.title = "收到新消息　";
						if(!timer) timer = setInterval(function() {