提到控制台，用得最多的应该就是console.log()；
console
console.log()在控制台中打印信息，它可以接受任何字符串、数字和JavaScript对象，也可以接受换行符n以及制表符t；
console.alear()清除控制台；
console.info() 用于输出提示性信息
console.error()用于输出错误信息
console.warn()用于输出警示信息
console.debug()用于输出调试信息
让Chrome变成编辑器
控制台输入：document.body.contentEditable=true 回车
image.png
这时，你已经可以编辑网页了。(由于公司电脑无动图软件，无法截屏，效果只能靠大家去试了)
隐藏部分console日志
如果日志太多，我们可以隐藏掉部分 Console 日志（在输出日志的脚本上单击右键，filter -> hide）
打开命令菜单
按Cmd + Shift + P（Mac）或Ctrl + Shift + P（Windows，Linux）打开命令菜单。
代码格式化
有些时候，我们在控制台的Sources中查看CSS或JavaScript文件时，会看到一堆压缩的代码，但只需点击一下{}：
image.png
代码就格式化好了：
image.png
当然代码格式化还有chrome格式化插件可用，可以直接去chrome商店下载插件：fe助手
参考文章:
网友评论