美文网首页
前端开发console调试中,那些不可忽视的用法

前端开发console调试中,那些不可忽视的用法

作者: 亚讯 | 来源:发表于2019-08-27 21:13 被阅读0次

前端代码调试使用console是大家最熟悉的一种。

然而,真正使用的最多的可能就是console.log在控制台输出点东西,其实,console还有很多其他的用法。

一. 重提常规用法

console.log("打印字符串");

//在控制台打印自定义字符串

console.error("我是个错误");

//在控制台打印自定义错误信息

console.info("我是个信息");

//在控制台打印自定义信息

console.warn("我是个警告");

//在控制台打印自定义警告信息

console.debug("我是个调试");

//在控制台打印自定义调试信息

cosole.clear();

//清空控制台(这个下方截图中没有)

前端开发console调试中,那些不可忽视的用法

二. 格式化输出用法

其实console是支持自定义样式输出的。下面我就来演示一下。

前端开发console调试中,那些不可忽视的用法

输出样式如下:

前端开发console调试中,那些不可忽视的用法

三. 其它可以考虑的用法

1. 对象输出

如下图

前端开发console调试中,那些不可忽视的用法

2. 对象集合输出

如下图

前端开发console调试中,那些不可忽视的用法

3. 成组输出

如下图

前端开发console调试中,那些不可忽视的用法

4. 还有其它

当然,还有一些其它,比如:

console.count // 函数计数和跟踪

console.time() && console.timeEnd() // 计时

console.profile() && console.profileEnd() // 性能分析

相关文章

网友评论

      本文标题:前端开发console调试中,那些不可忽视的用法

      本文链接:https://www.haomeiwen.com/subject/ajbyectx.html