在好多博主的站中看见这个，一颗赛艇，扒过来水一贴。其实就是用JS在游客进入和离开页面时改变title的值。

使用了HTML5的Page Visibility API

目前页面可见性API有两个属性，一个事件，如下：

document.hidden: Boolean值，表示当前页面可见还是不可见

document.visibilityState: 返回当前页面的可见状态，取值有 hidden visible prerender preview

visibilitychange: 当可见状态改变时候触发的事件

以前只知道可以通过 iframe + onblur/onfocus事件 来检测页面可见性，有了这个 API 真是方便优雅了很多哎

给吃瓜群众的代码：

var OriginTitile = document.title;
var titleTime;
document.addEventListener('visibilitychange', function() {
   if (document.hidden) {
      document.title = '(つェ⊂)我藏好了哦~ ' + OriginTitile;
      clearTimeout(titleTime);
   }
else {
   document.title = '(*´∇｀*) 被你发现啦~ ' + OriginTitile;
      titleTime = setTimeout(function() {
      document.title = OriginTitile;
   }, 2000);
}});