前端代码调试使用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() // 性能分析
网友评论