在好多博主的站中看见这个,一颗赛艇,扒过来水一贴。其实就是用JS在游客进入和离开页面时改变title的值。 使用了HTML5的Page Visibility API 目前页面可见性API有两个属性,一个事件,如下: `document.hidden: Boolean`值,表示当前页面可见还是不可见 `document.visibilityState`: 返回当前页面的可见状态,取值有 hidden visible prerender preview `visibilitychange`: 当可见状态改变时候触发的事件 以前只知道可以通过 `iframe + onblur/onfocus`事件 来检测页面可见性,有了这个 API 真是方便优雅了很多哎 给吃瓜群众的代码: ```javascript 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); }}); ```