console对象与控制台

本文详细讲解了如何利用浏览器开发者工具中的console对象进行JavaScript命令执行,包括log、info、debug、error、warn等方法,以及控制台命令行API如$_属性和$0-$4元素选取,还有debugger的作用。深入理解console对象在调试和性能分析中的关键作用。
摘要由CSDN通过智能技术生成

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

用于浏览器调试代码使用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值