有兴趣的同学可以文章最后的代码贴到控制台玩玩。
在正常模式下，一般只能向console 控制台输出简单的文字信息。但为了把信息输出得更优雅更便于阅读，除了cosole.log()方法外还可以调用 cosole.warn() 来输出警告信息，在控制台中出来的效果如下：
在输出信息前面会有一个带感叹号的黄色三角警告符号。似乎比一般的console信息要友好得多了。虽然图标是黄色的，但输出的文字仍然是黑色。
另外经常用到的是输出错误信息。可以通过调用console.erro() 来实现。
输出的效果如下：
信息前面会出现一个带叉的红色圆形图标。
这个效果要比警告信息更友好了，字体颜色成红色了。
要更牛叉莫过于对文字应用样式。而现在这一特性已经在谷歌浏览器里实现了。
在Chrome的开发者工具里，console 可以加样式，可以显示缤纷的颜色，甚至图片。简直爽翻了。
具体来说，是可以对输出到console控制台的文字进行CSS控制。
格式如下：
console.log("%c需要输出的信息 ", "css 代码");
下面是console.log() API的官方文档摘要。
谷歌开发者中心上面关于谷歌浏览器控制台console.log()的文档：
1.3D Text:
2.Colorful CSS
3.Rainbow Text
在Chrome控制台输出图片
除了上面介绍的那些炫目的文字效果外，你还可以在Chrome控制台中显示图片,自然地，显示gif这样的动态图片也是没问题的。
还是应用差不多的代码，只是将内容变成指定背景为图片。
下面是一个例子：
|