Chrome控制台浏览器 console用法


Chrome控制台浏览器 console用法

Chrome浏览器自带开发者工具(Chrome Dev Tools),是不可或缺的开发者调试工具,console.log()都使用过,那你知道console还有很多功能更强大的功能

console函数
先看一下console有哪些属性
微信截图_20200129204325.png
看完了是不是发现console属性有那么多,也可以自己手动控制台试试。
接下来看一下最常用的几种方法的用途:

console.log() 用来输出信息
console.info() 用来输出提示信息
console.error() 用来输出错误信息
console.warn() 用来输出警告信息
ab.png
console.dir() 用来输出打印对象的详细键值对信息,若该对象为HTML元素,则该元素的DOM的表达式会以DOM树的形式出现。
c.png
console.table() 传入的对象在控制台上以表格的形式呈现
f.png
console.count 统计代码被执行的次数
g.png
console.time(), console.timeEnd()
console.time()开始一个计时器,console.timeEnd()会结束一个计时器,在使用的时候这两个方法需要传递同一个参数。
e.png
console.group(), console.groupEnd()
console.group() 在控制台创建一个分组,随后创建的内容都会保存在里面;console.groupEnd() 调用以后表示着当前分组的结束。
d.png
console.trace() 堆栈跟踪相关的调试


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM