在未激活的标题栏显示颜文字

功能其实挺简单就是当窗口未激活的时候,改变标题栏中的字体。
体现在其他未激活的窗口中显示点跟别人不一样的。我这里在标题加入了颜文字。
颜文字是ASCII Art中的一种。

将下面的js放到页面中就行了,通过监听visibilitychange来获取窗口激活的状态。chrome、firefox、edge 通过。

var a="\u01A9\u0028\u00B0\u0020\u0029\u3064"+" - "+document.title,b=document.title;
document.addEventListener("visibilitychange", function() {
if(document.visibilityState=="hidden"){document.title = a;}else{document.title=b;}
});

推荐将颜文字转为utf码,这样适配性更高。
转换工具地址http://tools.dyniao.com/transcoding.html

增强版,每次刷新页面随机换一个颜表情。

var y=[
"\u006F\u0028\u2267\u03C9\u2266\u002A\u0029\u266A",
"\u0028\u0020\u0361\u00B0\u0020\u035C\u0296\u0020\u0361\u00B0\u0029\u0020",
"\u0028\u0020\u003E\uFE4F\u003C\u3002\u0029\uFF5E",
"\u0028\u002A\uFFE3\u0072\u01D2\uFFE3\u0029",
"\u007E\u006F\u0028\u0020\u003D\u2229\u03C9\u2229\u003D\u0020\u0029\u006D",
"\u0028\u25CF\u2014\u25CF\u0029"
];
var n = Math.floor(Math.random() * y.length + 1)-1;
var a = y[n] + " - "+document.title,b=document.title;
document.addEventListener("visibilitychange", function() {
  if(document.visibilityState=="hidden"){document.title = a;}else{document.title=b;}
});
--- EOF ---

留下评论

电子邮件地址不会被公开。 必填项已用*标注

冀ICP备17005573号-1