扒一扒那些年我们console过的那些事儿

  今天无意间打开百度发现,百度里面有下面这个东西,煞是好奇,原来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可以曲线打印一个图片,但,你真正去试了才发现没那么简单,你没法像平时那样输出背景图,

    原因呢,就是你没法直接设置widthheight样式。目前新版本的浏览器亲测感觉已经不支持图片输出了(没有全部去试)……

    

    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) ...... 未完待续……

  

猜你喜欢

转载自www.cnblogs.com/kalkin/p/11082808.html