前端开发debug

在我成为一名开发者路上也掉进过一些坑，对于新手来说一个最大的挑战就是debug。刚开始，我一度认为在控制台下使用console.log()打印变量是最棒的方法。。我曾经是这么干的：

console.log(‘Total Price:’, total) // 查看total的值

console.log(‘Here’) // 打印Here来确认程序执行到这个地方

我想大多数开发者会意识到这不是你应该用来debug的方法，应该有更好的方案！
幸运的是，浏览器的Debug工具很好用！

打开开发者工具，选择sources，点击open file  找到我们要打断点的文件，有提示，可以快速找到。

然后，打开了我们要debug的文件，只需要点击一下行数字，就可以打断点啦

可以看到所以有关的值都在scope里啦

打断点不只能在控制台，在代码里我们也可以直接写debugger，就能打上断点。

其实，感觉比console.log方便不了多少，哈哈哈