主要介绍了在Chrome DevTools中调试Javascr ipt的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

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

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