Chrome Devtools学习笔记——Console篇

492 阅读1分钟

console中的'$'

1. $0/$1/$2/$3/$4

在Elements面板中,打卡console,&0表示当前选中元素,$1表示上一个选中元素,$2表示上上个选中元素,以此类推...

2. 选择器$?

$() 相当于 document.querySelector()

?() 相当于Array.from(document.querySelectorAll())

3. $_引用上次执行结果

4. $x(path, [startNode])xpath选择器

console相关API

  • console.log() / console.dir()
  • console.error() / console.warn()
  • console.count() 代码执行次数
  • 布尔打印:console.assert()
  • 以表格的形式打印数组对象:console.table()
  • 编组打印:console.group()
  • 测试执行效率:console.time()(适用循环性能测试)
  • console.profile()console.profileEnd() 配合profiles查看CPU使用情况

其他

  1. monitor(function) 监听函数,当函数被调用,打印该函数名及调用它的参数