今天无意间打开百度发现,百度里面有下面这个东西,煞是好奇,原来console.log()不只是我们常用的那个console.log()。
console.log("%c百度2019校园招聘简历提交:http://dwz.cn/XpoFdepe (你将有机会直接获得面试资格)","color:red")
1. console.log()
console.log(), console.info()效果和console.log()一样,但是谷歌浏览器和opera不支持 console.debug()
1) 最基本的使用方法 :
console.log("xxx"); console.log("xx", true , null) ; //xx true null
任何类型任何变量都可以顺利在控制台打印出来。
2) 格式化输出:
console.log("%c这段文字总共%d字","color:green",8);
类似于java的格式化占位符,console.log支持的格式标志有以下:
占位符 | %s | %d或者%i | %f | %o或者%O | %c |
描述 | 字符串 | 整数 | 浮点数 | 对象 | css样式 |
3) 打印一个图片:
虽然说在网上我们可以查到cosole.log可以曲线打印一个图片,但,你真正去试了才发现没那么简单,你没法像平时那样输出背景图,
原因呢,就是你没法直接设置width
和height
样式。目前新版本的浏览器亲测感觉已经不支持图片输出了(没有全部去试)……
console.image的插件 -- 可以输出图片?(没找到……)
2. console.error()
输出除了可以输出错误信息外,还可以输出调用这个函数的一瞬间的调用栈!
3. console.trace()
效果和console.error相似,但控制台不会报错
4. console.warn()
警告效果,同时输出调用这个函数的一瞬间的调用栈。
5. console.dir()
console.dir() 可以打印对象,包括普通对象,函数,数组等,还可以打印DOM元素
6. console.table()
将对象或数组以table方式更加直观的打印展示出来
7. console.count / console.assert / console.clear /console.group / console.profile / console.time(console.timeEnd) ...... 未完待续……