用 JavaScript 在浏览器标签页失去焦点时更改网页标题（仿饿了么）

用 JavaScript 在浏览器标签页失去焦点时修改网页标题。这个 API 很简单，由以下三部分组成。 document.hidden：表示页面是否隐藏的布尔值。页面处于后台标签页或浏览器最小化时，页面就算隐藏。 document.visibilityState：有以下 4 个可能值。hidden：页面处于后台标签页或浏览器已最小化。visible：页面处于前台标签页。prerender：页面正在屏幕外预渲染，document.hidden 的值为 true。unloaded：页面正在从内存中卸载。visibilitychange 事件：文档在可见和不可见之间切换时会触发这个事件。我们可以监听 visibilitychange 事件，在事件触发时读取 document.hidden，据此更新页面。

记住：浏览器必须支持 HTML5。   代码部分：

---

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); } });

---

最后，在 WordPress 中用 Custom Javascript 插件启用这段 JavaScript。