整理一下常用的调试方式

1：在元素面板中引用节点，可以通过 $0 调试元素面板选中的 DOM 节点

2：用一个 DOM 节点，进行截屏，选择一个节点按下 ctrl-shift-p（Mac 快捷键），输入 screen 搜索截图功能，完成 DOM 节点的屏幕截图

3：多行 console，按住shift-enter以继续执行每一行，完成后，按enter键，可以实现多行日志

4：控制台日志格式化

A：%s 将变量格式化为字符串；

B：%d 将变量格式化为整数；

C：%f 将变量格式化为浮点数；

D：%o 可用于打印 DOM 元素；

E：%O 用于打印对象表示；

F：%c 用于传递 CSS 来格式化字符串。

console.log(
  '%c I have %d %s',
  'color: green; background:black; font-size: 20pt',
  3,
  'Bikes!'
)

5： 存储为全局变量，将 JSON 对象的任何部分保存为可在控制台面板中访问的全局变量

6：console.dir

console.log(['Apple', 'Orange]);

7：console.table，生成一个table表格

8：保存控制台日志，就可以在其他页面看已经出现过的日志

9：console.group

10：console.time，测量一段代码执行用了多长时间

 console.time("loopTime");

  for (let counter = 0; counter < 1000 * 1000 * 1000; counter++) {
    getName(users[counter & 4]);
  }

  // End the time tick for 'loopTime
  console.timeEnd("loopTime");
}

loopTime: 2234.032958984375ms

11：$_ 获取上一个的执行输出