【网站札记】给你的网站加上动态标题

突然想起来以前去过一个博客，聚焦在那个标签上的时候标题是正经标题，而且还到其他页面之后，页面标题就变成了一堆乱码，亦或是很萌的颜文字，当然了，我这一个糙汉子，如何比得上一个萌妹子啊2333所以，各位也就凑活着吧2333也是图个新鲜。

至于背后的原理呢，很简单，连PHP都用不着。也不一定非得是Typecho，其他博客，或者说随便一个网页都行。在head标签引入如下代码：

<script>
var OriginTitile = document.title;
document.addEventListener('visibilitychange', function() {
    if (document.hidden) {
        document.title = '这里修改成页面在后台时显示的标题';  
    } else {
        document.title = OriginTitile;
    }
});
</script>

关于修改的方法呢，对于Typecho等博客是在主题里修改，通常修改一个叫做名为“header.php”的、负责网页头部（body标签之前）的文件即可。而有些主题，比如我现在使用的Mirages，就提供了通过设置的办法，无需修改文件即可在head前插入你想放进去的代码。

所以还是蛮方便的嘛，对于hexo或者类似静态博客的用户也可以使用，不过内容嘛。。。我还是有点相形见绌。还劳烦各位看官多提提意见，帮我修改下啦2333