Chrome控制台浏览器 console用法
Chrome浏览器自带开发者工具(Chrome Dev Tools),是不可或缺的开发者调试工具,console.log()都使用过,那你知道console还有很多功能更强大的功能
console函数
先看一下console有哪些属性
看完了是不是发现console属性有那么多,也可以自己手动控制台试试。
接下来看一下最常用的几种方法的用途:
console.log() 用来输出信息
console.info() 用来输出提示信息
console.error() 用来输出错误信息
console.warn() 用来输出警告信息
console.dir() 用来输出打印对象的详细键值对信息,若该对象为HTML元素,则该元素的DOM的表达式会以DOM树的形式出现。
console.table() 传入的对象在控制台上以表格的形式呈现
console.count 统计代码被执行的次数
console.time(), console.timeEnd()
console.time()开始一个计时器,console.timeEnd()会结束一个计时器,在使用的时候这两个方法需要传递同一个参数。
console.group(), console.groupEnd()
console.group() 在控制台创建一个分组,随后创建的内容都会保存在里面;console.groupEnd() 调用以后表示着当前分组的结束。
console.trace() 堆栈跟踪相关的调试