1、console对象
使用浏览器的开发者工具
Elements:查看网页的HTML源码或css代码
NetWork:查看网页的HTTP通信情况
Source:查看网页加载的脚本源码
Performance:查看网页的性能情况,比如CPU和内存消耗情况
Console:用来运行javaScript命令
2、console对象的静态方法
console.log() 向控制台输出信息 它可以接受一个或多个参数,将它们连接起来输出。
console.info() 同上
console.debug() verbose级别下,显示打印,一般不显示
console.error()打印前加红色的叉
console.warn()打印前加黄色的感叹号
console.table()将对象按照表格的形式显示出来
console.count()用于计数,输出他被调用了多少次
console.dir()对对象进行检查,并以易于阅读和打印的格式显示
console.dirxml()以目录树的形式显示dom对象
console.assert()程序运行过程中的条件判断,有两个参数,第一个参数是表达式,第二个参数是字符串。当第一个参数为false时,会打印第二个参数,否则不进行操作。主要是为了提示用户在操作过程中错误问题。
console.time()计算一个操作所花费的时间,开始
console.timeEnd() 结束
console.trace()当前执行的代码在堆栈中的调用路径
console.clear()清除控制台内容,光标回到第一行
3、控制台命令行API
1、$_ 属性返回上一个表达式的值
2、$0 - $4 从后往前返回最近5个在Element面板中选中的DOM元素
(此处学习不太懂,具体参考
https://wangdoc.com/javascript/features/console.html )
4、debugger
用于浏览器调试代码使用