精彩文章免费看

你不知道的chrome控制台

提到控制台,用得最多的应该就是console.log();

console

console.log()在控制台中打印信息,它可以接受任何字符串、数字和JavaScript对象,也可以接受换行符n以及制表符t;
console.alear()清除控制台;
console.info() 用于输出提示性信息
console.error()用于输出错误信息
console.warn()用于输出警示信息
console.debug()用于输出调试信息

让Chrome变成编辑器

控制台输入:document.body.contentEditable=true 回车

这时,你已经可以编辑网页了。(由于公司电脑无动图软件,无法截屏,效果只能靠大家去试了)

隐藏部分console日志

如果日志太多,我们可以隐藏掉部分 Console 日志(在输出日志的脚本上单击右键,filter -> hide)

打开命令菜单

按Cmd + Shift + P(Mac)或Ctrl + Shift + P(Windows,Linux)打开命令菜单。

代码格式化

有些时候,我们在控制台的Sources中查看CSS或JavaScript文件时,会看到一堆压缩的代码,但只需点击一下{}:

http://ghmagical.com/article/page/id/S6S2E4BolVg7 © ghmagical.com
  • https://juejin.im/entry/59df7c296fb9a0450c486822?utm_source=gold_browser_extension
  • 最后编辑于:2017-12-11 03:27