在Chrome DevTools中调试JavaScript的实现

由浅入深说一说怎么样在 Chrome DevTools 中调试 JavaScript。 一、案发现场 为了方便理解,我写了一个小demo。 点击打开demo; 在num1中输入6; 在num2中输入9; 点击 num1+num2,按钮下方的标签显示 69,结果应为 15,这就是我们需要断点调试找出的 BUG 。 二、熟悉一下 Sources 面板 DevTools 可为更改 CSS、分析页面加载性能和监控网络请求等不同的任务提供许多不同的工具。 我们就在 Sources 面板中调试 JavaScript。 通过按 Command+Option+I (Mac) 或 Control+Shift