在「开发者工具」中加上彩蛋

/usr/uploads/92411407737467.png

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 那么开头有一个红叉,如图。

/usr/uploads/20140811/1407737826162144.png

把这段代码修改后放在你网站的 footer.php 模版里,刷新页面就有这样的效果。