Chrome 开发者工具里有一个叫「控制台」(Console)的地方,我们可以在这里加几句彩蛋,比如:
欢迎来到 Lan Tian @ Blog。
如果你能够看到这几行话,那么你肯定没有女朋友。
这几句话可以通过 Javascript 来输出,实现代码如下:
if(window.console){
var cons = console;
if (cons){
cons.warn('%c欢迎来到 Lan Tian @ Blog。','color:#09f');
cons.warn('如果你能够看到这几行话,');
cons.warn('那么你肯定没有女朋友。');
}
}
其中 cons.warn 如果只接受一个参数,那么就在控制台里输出这一句话,如果有两个参数而且第一个参数(这句话)以 % c 开头,那么第二个参数就是 CSS 代码。
用 cons.warn 会导致输出在最开头有一个黄三角,如果用 cons.log 那么开头就什么都没有,如果用 cons.error 那么开头有一个红叉,如图。
把这段代码修改后放在你网站的 footer.php 模版里,刷新页面就有这样的效果。