🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 一、console.log个性打印 ### 参数说明 | 参数 | 描述 | | - | - | |%c | css(cascading style sheets) | |%s | 字符串类型(string) | |%d | 数字(digit) | |%i | 整形(integer) | |%f | 浮点形(float) | |%o | dom对象 | |%O | javascript对象 | ### 1、打印格式文本 ``` console.log('%c Hello World~', 'font-size: 24px;color: #f00;text-shadow: 1px 1px 0 #999'); ``` ![](https://box.kancloud.cn/dc9093c4753e7e1cee8796d2ccf39c9d_170x30.png) ### 2、打印链接 ``` console.log('%c http://www.baidu.com', 'font-size: 16px;text-shadow: 0 0 3px #f00;'); ``` ![](https://box.kancloud.cn/29e45413f709557af671da8a01e6a416_194x35.png) ### 3、打印渐变背景 ``` console.log('%c Hello World !', 'font-size: 24px;background: linear-gradient(#CBBCF7, #EE9CC4);'); ``` ![](https://box.kancloud.cn/f2d04c6b2185c02205afbc00157739e6_190x34.png) ### 4、占位 ``` console.log("%d + %d = %d", 1, 1, 2); // 1 + 1 = 2 ``` ### 5、换行 ``` console.log("%c hello \n world", 'font-size: 18px;color: #f00;'); ``` ![](https://box.kancloud.cn/691e835fbb57124102b8ecc9846c2d5c_65x46.png) ## 二、console方法 ### 1、console.error ``` console.error('Syntax error.'); ``` ![](https://box.kancloud.cn/551fd6d3a1e64f156cea761333c51d42_135x18.png) ### 2、console.warn ``` console.warn('Alert.'); ``` ![](https://box.kancloud.cn/c8275f50e7b98a6d668e4e61e6fa299d_83x19.png) ### 3、console.table ``` console.table(window); ``` ![](https://box.kancloud.cn/2f7b4d83705cf00b0cefe8acf2ca7a26_339x98.png) ### 4、console.memory ``` console.memory ``` ![](https://box.kancloud.cn/a28ec17a26a96ec36e14298c7bd7e568_622x85.png) 等等,console有很多方法,可在控制台打印看下,如下: ![](https://box.kancloud.cn/83923f4b04354f12bd5094597bdf2fed_216x385.png)