I'm starting to provide Chinese / English versions of some posts, switch with the Language menu above. 我开始提供部分文章的中文、英文翻译,请使用顶部语言菜单切换。

在 “开发者工具” 中加上彩蛋

/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 模版里,刷新页面就有这样的效果。

本站使用运行在 Vercel 上的 Waline 评论系统,中国大陆访问可能不稳定。