我们在浏览网页的时候，有时把浏览器最小化到任务栏，会看到任务栏中的网页标题改变了，显示的不是在浏览网页的标题，而是其他的标题，有可能是主站的名字或其他产品的名字。

这个给我们的启发就是，在用户暂时不浏览网页的时候（最小化到任务栏），我们是否可以把标题换成我们需要宣传的产品或品牌，给用户方便找到或加深印象呢？

下面我们就来看看是如何实现这个功能的。

【上代码】

<script>  // 浏览器标题切换  var OriginTitile = document.title;    // 保存之前页面标题  var titleTime;  document.addEventListener('visibilitychange', function(){      if (document.hidden){          document.title = '我在后台被隐藏了';          clearTimeout(titleTime);      }else{          document.title = ' 我要准备恢复了 ~ 2s';          titleTime = setTimeout(function() {              document.title = OriginTitile;          }, 2000); // 2秒后恢复原标题      }  });  </script>

浏览网页时

最小化后

重新打开

2秒后，恢复原样

【原理分析】

其实就是用了js的visibilitychange事件，判断网页是否隐藏(hidden)状态来控制网页标题文字，这是有前端基础的伙伴都知道的，就不赘述了。

最后，希望这个功能可以给有需要的人一点帮助，给网页做更好的优化和宣传！