我发现别人的博客,用户切换标签页后,它的网页标题就会变成“(●—●)喔哟,崩溃啦!”,然后切换到博客后标题又会变成“(/≧▽≦/)咦!又好了!”,这实现的效果还真是有点小调皮。于是我也顺便学了点JavaScript,原理其实就是监听窗体事件”visibilitychange”,然后在回调函数里面改变网页标题。下面分享一下代码(超简单,有点不好意思拿出手了)

<script>
    var title = document.title;
    var state = document.visibilityState;
    document.addEventListener("visibilitychange", () => {
        state = document.visibilityState;
        if (state == "hidden") {
            document.title = "(●—●)喔哟,崩溃啦!";
        } else if (state == "visible") {
            document.title = "(/≧▽≦/)咦!又好了!|" + title;
            window.setTimeout(() => {
                if (document.visibilityState != "hidden") {
                    document.title = title;
                }
            }, 2500);
        }
    });
</script>

只要把这段代码插入index.html文件中就行了


我看着你的代码,越发觉得它无比拙劣。

鲁迅

我打开你的代码一看,这代码没有注释,歪歪斜斜的每行都写着“我是大神”四个字。我横竖睡不着,仔细看了半夜,才从字缝里看出字来,满屏都写着两个字是“菜鸡”!

鲁迅