在 Chrome DevTools 中调试 JavaScript

文章目录一、案发现场二、熟悉一下 Sources 面板三、使用断点暂停代码四、检查变量的值1. Scope窗口2. Watch监听变量变化3. 控制台五、尝试修改六、介绍其他几种断点1. 代码行断点2. DOM更新断点4. XHR/Fetch断点5. 事件侦听器断点6. 异常断点7. 函数断点 由浅入深说一说怎么样在 Chrome DevTools 中调试 JavaScript。 一、案发现场 为了方便理解,我写了一个小demo。 点击打开demo; 在num1中输入6; 在num2中输入9; 点击 num1+num2,按钮下方的标签显示 69,结果应为 15,这就是我们需要断点调试找出的